@charset "UTF-8";
/**
 * Snow Monkey Blocks ボタンブロック カスタムスタイル CSS
 */
.is-style-default-arrow .smb-btn {
  position: relative;
  border: 2px solid #fff;
  border-radius: 3em;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  -ms-border-radius: 3em;
  -o-border-radius: 3em;
}
.is-style-default-arrow .smb-btn .smb-btn__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.is-style-default-arrow .smb-btn .smb-btn__label::after {
  content: "";
  display: inline-block;
  background: url(../img/icon_arrow_white.svg) no-repeat center/50%;
  width: 1.25em;
  height: 1.5em;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.is-style-default-arrow-outline .smb-btn {
  position: relative;
  background-color: initial;
  border: 1px solid var(--smb-btn--color);
  border-radius: 3em;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  -ms-border-radius: 3em;
  -o-border-radius: 3em;
  --smb-btn--color: var(--smb-btn--style--ghost--color);
}
.is-style-default-arrow-outline .smb-btn::after {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  content: "";
  display: block;
  background: url(../img/icon_arrow_white.svg) no-repeat center/50%;
  width: 2em;
  height: 60%;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.is-style-default-arrow-outline .smb-btn .smb-btn__label {
  margin-right: 1.5em;
}

.c-btn_icon_white .smb-btn::before {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}