@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* ▼全ボタンをオレンジ背景＋白文字に統一 ▼ */
.wp-block-button__link {
  color: #fff !important;              /* 文字色 白 */
  background-color: #ff6600 !important; /* 背景 オレンジ */
  border: 2px solid #ff6600 !important; /* 枠もオレンジ */
  border-radius: 30px !important;       /* 角丸 */
  font-weight: bold;
  padding: 12px 24px;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
}

/* ▼ホバー時のデザイン ▼ */
.wp-block-button__link:hover {
  background-color: #e65c00 !important; /* 少し濃いオレンジに変化 */
  border-color: #e65c00 !important;     /* 枠も同じ濃いオレンジ */
  color: #fff !important;               /* 文字は白のまま */
}
.cocoon-custom-text-2 {
  color: #ffffff !important; /* 白に変更 */
}