@charset "utf-8";
.review-banner {
  background-color: #f5f7fa; /* Googleブルー */
  color: rgb(44, 43, 43);
  padding: 15px 25px;
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  border-radius: 8px;
  font-size: 18px;
  font-weight:normal;
  text-align: center;
  width: fit-content;
  margin: 30px auto;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  text-decoration: none;
  display: block;
  transition: background-color 0.3s ease, transform 0.1s ease;
  margin-top: -10px;
}

.review-banner:hover {
  background-color: #8dc1f5;
  color: #000; 
}

.review-banner:active {
  background-color: rgba(255, 255, 255, 0.4); /* 白で透過（薄い白） */
  
  transform: scale(0.97); /* 押し込み感 */
  color: #000; /* 押したときにテキストも見やすく黒に変える（任意） */
}




.review-banner span {
  margin-left: 10px;
}
.google-icon {
  height: 24px;
  width: 80px;
  vertical-align: middle;
  margin-right: 10px;
}