/* ボタン
---------------------------------------- */

.is-style-default .wp-block-button__link:not(.has-background),
.is-style-default .c-btn:not([class*="has-background"]):not([style*="background"]),
.is-style-default .smb-btn:not([class*="has-background"]):not([style*="background"]),
.smb-items .wp-block-button__link {
  background-color: var(--wp--preset--color--sm-sub-accent);
}
.is-style-default .wp-block-button__link:not(.has-border-radius):not([style*="border-radius"]),
.is-style-default .c-btn:not([class*="has-border-radius"]):not([style*="border-radius"]),
.is-style-default .smb-btn:not([class*="has-border-radius"]):not([style*="border-radius"]),
.smb-items .wp-block-button__link {
  border-radius: 0;
}
.is-style-default .wp-block-button__link:not(.has-padding):not([style*="has-padding"]),
.is-style-default .c-btn:not([class*="has-padding"]):not([style*="has-padding"]),
.is-style-default .smb-btn:not([class*="has-padding"]):not([style*="has-padding"]),
.smb-items .wp-block-button__link {
  padding-right: 3.25em;
}
.is-style-default .wp-block-button__link,
.is-style-default .c-btn,
.is-style-default .smb-btn,
.smb-items .wp-block-button__link {
  position: relative;
}
.is-style-default .wp-block-button__link::after,
.is-style-default .c-btn::after,
.is-style-default .smb-btn::after,
.smb-items .wp-block-button__link::after {
  content: '→';
  display: block;
  position: absolute;
  right: 10px;
  inset: calc(50% - 1em) 10px auto auto;
}
.is-style-default .wp-block-button__link::before,
.is-style-default .c-btn::before,
.is-style-default .smb-btn::before,
.smb-items .wp-block-button__link::before {
  content: '';
  position: absolute;
  inset: 0 0 0 calc(100% - 40px);
  border-left: 1px solid #fff;
}



.c-btn_contact .smb-btn,
.c-btn_download .smb-btn{
  box-shadow:0 3px 6px 0 rgba(0, 0, 0, .1);
}
.c-btn_contact .smb-btn::after,
.c-btn_download .smb-btn::after{
  content: '';
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
}
.c-btn_contact .smb-btn{
  border-left: 10px solid #EF7676;
}
.c-btn_contact .smb-btn::after {
  background: linear-gradient(to bottom right, transparent 50%, #d4776e 50%);
}
.c-btn_download .smb-btn{
  border-left: 10px solid #C1D1FF;
}
.c-btn_download .smb-btn::after {
  background: linear-gradient(to bottom right, transparent 50%, #C1D1FF 50%);
}

/* ボタンの中のテキストやアイコンを横一列・中央揃えに強制する */
.c-btn_download .smb-btn,
.c-btn_download .smb-btn__label,
.c-btn_download strong,
.c-btn_download .sme-font-size {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    flex-wrap: wrap;
}
.c-btn_download .c-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* 正円を作るための定義 */
    width: 1.5em !important;
    height: 1.5em !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

/* 1文字目（無）の調整 */
.c-btn_download .c-badge.-blue {
    background-color: #4169e1 !important;
    color: #ffffff !important;
    position: relative !important;
    z-index: 2 !important;
}

/* 2文字目（料）の調整 */
.c-btn_download .c-badge.-yellow {
    background-color: #ffff33 !important;
    color: #001f60 !important;
    margin-right: 0.5em !important;
    position: relative !important;
    z-index: 1 !important;
}
