/* 共通設定 */
.wp-block-button__link {
  transition: all 0.2s ease;
}

/* アウトライン */
.is-style-btn-style--outline .wp-block-button__link {
  background: transparent;
  border: 2px solid #0073aa;
  color: #0073aa;
}

/* ストライプ */
.is-style-btn-style--stripe .wp-block-button__link {
  background: repeating-linear-gradient(45deg, #00bcd4, #00bcd4 10px, #0097a7 10px, #0097a7 20px);
  color: #fff;
  border: none;
}

/* リッチイエロー */
.is-style-btn-style--rich-yellow .wp-block-button__link {
  background: #fdd835;
  color: #222;
  box-shadow: 0 3px #fbc02d;
}

/* リッチグリーン */
.is-style-btn-style--rich-green .wp-block-button__link {
  background: #4caf50;
  color: #fff;
  box-shadow: 0 3px #388e3c;
}

/* 角丸スタイル */

.is-style-btn-radius--round .wp-block-button__link {
  border-radius: 999px;
}



.is-style-btn-radius--square .wp-block-button__link {
  border-radius: 0;
}

/* 色 */
.btn-style--fill     { background: var(--main-color); color: #fff; }
.btn-style--outline  { border: 2px solid var(--main-color); background: none; color: var(--main-color); }
.btn-style--stripe   { background: repeating-linear-gradient(45deg, #0af, #0af 10px, #09c 10px, #09c 20px); }

/* 角の形状 */
.btn-radius--round   { border-radius: 9999px; }
.btn-radius--rounded { border-radius: 8px; }
.btn-radius--square  { border-radius: 0; }