半透明なボタン

透過されているアイテムは背景のあるページに合いますね色や透明度を調節すればもっと奇麗にできるかと思います RGBコードではなくhexで記述したい場合は文字等も透過されない様に別要素で透過してpositionと表示順序を設定します

html

<a class="btn" href="#">PASTEL</a>

css

.btn {
  border:none;
  font-weight: bold;
  font-size:18px;
	padding: 20px 30px;
  border-radius: 10px;
  background-color: rgba( 186, 255, 179, 0.7);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.7);
  transition: 0.5s;
  -webkit-transition: 0.5s;
}

.btn:hover {
	color: #FFF;
  background-color: rgba( 16, 172, 0, 0.7);
}