/* =========================================================
   components.css
   汎用パーツ用：ボタン、カード、CTA、装飾ボックスなど
   案件ごとに増やしてOK
========================================================= */

/* 例：
.starter-btn {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 999px;
  text-decoration: none;
}
*/



/* =========================================================
   CTA
========================================================= */

/* CTAボタン（電話・LINE共通） */
/* 電話ボタン */
/* CTAボタン：電話・LINE */
.article .wp-block-cocoon-blocks-button-1.tel a.btn,
.article .wp-block-cocoon-blocks-button-1.line a.btn {
  background: linear-gradient(135deg, #8EBEC4 0%, #A9B9BD 100%) !important;
  background-color: transparent !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}

/* ホバー */
.article .wp-block-cocoon-blocks-button-1.tel a.btn:hover,
.article .wp-block-cocoon-blocks-button-1.line a.btn:hover {
  background: linear-gradient(135deg, #7FB3BA 0%, #9FAFB3 100%) !important;
  color: #fff !important;
  opacity: 1 !important;
}