:root {
  --resale-base-color: #018AD2;
  --resale-font-size-xl: 2.25rem;
}
@layer components {
  /* ボタン */
  .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    background: var(--resale-base-color);
    border-radius: 2.1875rem;
    padding: 1.0625rem 2.3125rem 1.0625rem 3.3125rem;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    line-height: 1.7;
    position: relative;
    overflow: hidden;
    &::after {
      --arrow: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="15" viewBox="0 0 19 15" fill="none"><path d="M9.95215 0.434448C10.3797 -0.0778462 11.1426 -0.147094 11.6553 0.280151L17.7939 5.39636C18.9537 6.36293 18.9535 8.14451 17.7939 9.11121L11.6553 14.2274C11.1423 14.6549 10.3796 14.5851 9.95215 14.0721C9.52493 13.5594 9.594 12.7975 10.1064 12.37L14.7949 8.46277H1.20898C0.541475 8.46257 -1.16719e-07 7.92134 0 7.25378C9.15016e-05 6.58631 0.541531 6.045 1.20898 6.0448H14.7949L10.1064 2.13757C9.59378 1.71009 9.52479 0.947278 9.95215 0.434448Z" fill="white"/></svg>');

      content: "";
      display: block;
      width: 19px;
      height: 15px;
      background: var(--arrow) no-repeat center center;
      background-size: 100%;
    }
    &::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: #fff;
      position: absolute;
      inset-inline: 0;
      opacity: 0;
      transition: opacity 0.3s;
    }
    @media (width >= 768px) {
      &:hover {
        text-decoration: none;
        &::before {
          opacity: .3;
        }
      }
    }
    @media (width < 768px) {
      padding: .6875rem .5rem .6875rem 1rem;
      font-size: 1.125rem;
    }
  }

  /* headline */
  .headline {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    font-size: var(--resale-font-size-xl);
    font-feature-settings: 'palt';
    font-weight: 600;
    font-variation-settings: "wght" 600;
    line-height: 1.4;
    & span {
      font-size: 1.125rem;
    }
    &.-small {
      font-size: 1.75rem;
    }

    @media (width < 768px) {
      font-size: 1.625rem;
      &.-small {
        font-size: 1.25rem;
      }
    }
  }
}

@layer layout {
  .section-layout {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    @media (width < 768px) {
      gap: 1.5rem;
    }
  }
}

@layer header {
  /* ヘッダー */
  .small-header {
    padding: 22px 0;
    height: auto;
    position: relative;
    box-shadow: none;
  }

  .small-header-inner {
    display: flex;
    justify-content: space-between;
  }

  .small-header-logo {
    display: flex;
    align-items: flex-end;
    gap: 20px;
  }

  .small-header-logo a {
    line-height: 0;
  }

  .small-header-logo img {
    width: 270px;
  }

  .small-header-logo span {
    font-size: 1rem;
    line-height: 1.2;
    color: #8B8B8B;
    padding: 0 0 4px;
  }

  .small-header-button {
    gap: 0.25rem;
    font-size: 1rem;
    padding: 0.5625rem 1.25rem 0.5625rem 1.5625rem;
    &::after {
      --arrow: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="8" viewBox="0 0 9 8" fill="none"><rect width="8" height="0" transform="translate(0 3.68201)" fill="white"/><path d="M8.35355 4.03556C8.54882 3.8403 8.54882 3.52372 8.35355 3.32845L5.17157 0.146473C4.97631 -0.0487893 4.65973 -0.0487893 4.46447 0.146473C4.2692 0.341735 4.2692 0.658318 4.46447 0.85358L7.29289 3.68201L4.46447 6.51043C4.2692 6.7057 4.2692 7.02228 4.46447 7.21754C4.65973 7.4128 4.97631 7.4128 5.17157 7.21754L8.35355 4.03556ZM0 3.68201L0 4.18201L8 4.18201V3.68201V3.18201L0 3.18201L0 3.68201Z" fill="white"/></svg>');
      width: 9px;
      height: 8px;
    }
  }

  @media (width <= 960px) {
    /* ヘッダー */
    .small-header {
      padding: 7px 16px 11px;
    }

    .small-header-inner {
      align-items: center;
    }

    .small-header-logo {
      flex-direction: column;
      align-items: flex-start;
      gap: 6px;
    }

    .small-header-logo a {
      line-height: 0;
    }

    .small-header-logo img {
      width: 173px;
    }

    .small-header-logo span {
      font-size: .75rem;
      line-height: 1;
      padding: 0;
    }
  }

  @media (width < 768px) {
    .small-header {
      padding: 7px 0 11px;
    }
    .small-header-button {
      font-size: var(--rs-font-size-xs);
      padding: 0.4825rem 1.07225rem 0.4825rem 1.34031rem;
    }
  }
}

/* hero */

.hero {
  background: linear-gradient(337deg, #0A3852 13.1%, #004B76 89.87%);
  color: #fff;
  padding: 5.75rem 2rem 4.4375rem;
  overflow: hidden;
}

.hero-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4rem .5rem;
}

.hero-headline {
  font-size: 2.3rem;
  line-height: 1.4;
}

.hero-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  min-width: 26rem;
  position: relative;
  z-index: 1;
}

.hero-text-head {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.hero-images {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1.125rem;
  position: relative;
  min-width: 28.75rem;
  &::after {
    content: "";
    display: block;
    width: 1085px;
    height: 1085px;
    background: url(../images/resale/bg-hero.svg) no-repeat center center/ contain;
    position: absolute;
    left: 50%;
    top: calc(50% + 2rem);
    transform: translate(-50%, -50%);
  }
}

.hero-images-item {
  display: flex;
  flex-direction: column;
  gap: .875rem;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  font-size: .875rem;
  &:first-child,
  &:last-child {
    margin-top: 2.5625rem;
  }

  & picture {
    display: block;
    line-height: 0;
  }
}

.hero-images-item-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.4375rem;
  height: 5.4375rem;
  font-size: 1.125rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 1.3;
  border-radius: 50%;
  background: var(--rs-primary-color);
  text-align: center;
  position: absolute;
  top: -1rem;
  left: -.75rem;
}

@media (width < 768px) {
  .hero {
    padding: 2.4375rem 0 3.0625rem;
  }
  .hero-inner {
    flex-direction: column;
    gap: 3.3125rem;
  }

  .hero-text-head {
    width: 100%;
    gap: .6875rem;
  }

  .hero-headline {
    font-size: 1.5625rem;
    font-feature-settings: "palt";
    max-width: 23rem;
  }

  .hero-text {
    align-items: stretch;
    gap: 1rem;
    min-width: inherit;
  }

  .hero-images {
    flex-direction: column;
    gap: 1rem;
    max-width: 83.7989%;
    min-width: inherit;
    margin: 0 auto;
    &::after {
      width: 767px;
      height: 767px;
      top: calc(50%  - .9375rem);
    }
  }

  .hero-images-item {
    gap: .5rem;
    font-size: .75rem;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    &:first-child,
    &:last-child {
      margin-top: 0;
    }
  }

  .hero-images-item-label {
    width: 4.5625rem;
    height: 4.5625rem;
    font-size: .9375rem;
    top: -1.1875rem;
    left: auto;
    right: -1.1875rem;
  }
}

.intro {
  & .c-flex-column {
    gap: 2.75rem;
  }
}

.achivement {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;

  & dt {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    width: 16.5625rem;
    font-size: 1.125rem;
    line-height: 1;
  }

  @media (width < 768px) {
    flex-direction: column;
    gap: 1.5rem;

    & dt {
      gap: .875rem;
      font-size: var(--rs-font-size-xs);
      font-weight: 600;
      font-variation-settings: "wght" 600;
    }
  }
}

.strengths {
  background: #f9f9f9;

  & .row-text {
    gap: 1rem;

    & .headline {
      line-height: 1.5;
      padding: 0 0 0 1.5rem;
      position: relative;
      &::before {
        content: "";
        display: block;
        width: 6px;
        height: calc(100% - 10px);
        background: var(--rs-primary-color);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
      }
    }
  }

  & .row-figure {
    width: 41.6667%;
  }

  & .row-list {
    width: 61.1458%;
  }

  @media (width < 768px) {
    & .c-flex-column {
      gap: 3rem;
    }

    & .row-figure {
      width: 100%;
    }

    & .row-list {
      width: 100%;
    }
  }

}

.strengths-item {
  &:last-child {
    margin-top: 2rem;
  }
  @media (width < 768px) {
    gap: .5rem;
    &:last-child {
      margin-top: 0;
      gap: 1.5rem;
    }
  }
}

.resale-function-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  & li {
    display: grid;
    grid-template-columns: 3rem 1fr;
    gap: .25rem 1.5rem;
  }
}

.resale-function-title {
  font-size: 1.125rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 1.7;
  grid-column: 2 / 2;
}

.resale-function-text {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  grid-column: 2 / 2;
}

.resale-function-icon {
  grid-row: 1 / span  2;
  margin: .38rem auto 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  background: var(--rs-primary-color);
  border-radius: 0.25rem;
  padding: .25rem;
  & svg {
    fill: #fff;
  }
}

@media (width < 768px) {
  .strengths {
    & .row-list {
      width: 100%;
    }
  }
  .resale-function-list {
    & li {
      gap: .25rem 1rem;
    }
  }

  .resale-function-title {
    font-size: 1rem;
  }

  .resale-function-text {
    font-size: .875rem;
  }
}

.resale-plan {
  & .l-section-head {
    gap: 1rem;
    @media (width < 768px) {
      gap: .5rem;
    }
  }
}

.resale-plan-top {
  gap: 2rem;
}

.resale-plan-list {
  display: flex;

  & .plan-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem 1.5rem 2.5rem;
  }

  & .plan-head {
    text-align: left;
    margin: 0;

    & .plan-title {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      & img {
        margin: 0 0 .75rem;
      }
    }

    & p {
      font-weight: 400;
      font-variation-settings: "wght" 400;
    }
  }

  & .plan-spec {
    padding: 0;

    & dl {
      flex-direction: column;
      align-items: flex-start;
      gap: 0;

      & dd {
        font-weight: 600;
        font-variation-settings: "wght" 600;
      }
    }
  }

  @media (width < 768px) {
    flex-direction: column;
    gap: .5rem;
    & .plan-item {
      border: solid 1px var(--rs-gray300);
      border-top: 12px solid var(--rs-secondary-color);
      border-radius: .5rem;
    }

    & .plan-head {

      & .plan-title {
        font-size: 1.5625rem;
        & span {
          font-size: 1rem;
        }
      }
    }

    & .plan-spec {
      & dl {
        flex-direction: row;
        justify-content: flex-start;
        gap: .5rem;

        & dt {
          width: 7rem;
        }
      }
    }
  }
}

.resale-plan-diagram {
  display: flex;
  flex-direction: column;
  gap: .5rem;

  & figure {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 0;
    border: 1px solid #D1D0D0;
    @media (width < 768px) {
      padding: 1rem .5rem;
    }
  }
}

.resale-plan-diagram-title {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 600;
  font-variation-settings: "wght" 600;
}

.resale-plan-diagram-notes {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.25rem;
  font-size: 0.875rem;
  font-feature-settings: normal;
  color: #454545;
  @media (width < 768px) {
    font-size: .75rem;
  }
}

.resale-plan-table {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  & tbody {
    & .head {
      & th {
        font-size: 1.125rem;
      }
    }
  }
  & th {
    font-weight: 600;
    font-variation-settings: "wght" 600;
    line-height: 1.36;
    border-right: solid 1px var(--rs-gray300);
    &:last-child {
      border-right: none;
    }

    & sup {
      font-size: var(--rs-font-size-xs);
      margin: 0 0 0 7px;
    }
  }

  &:has(.resale-plan-table-tab) {
    & table {
      border-radius: 0;
      & td {
        width: 242px;
        text-align: right;
        font-weight: 500;
        font-variation-settings: "wght" 500;
      }
    }
  }

  &.-option {
    & th {
      vertical-align: middle;
      &:first-child {
        width: 399px;
      }
    }

    & td {
      & .c-note {
        margin-top: 4px;
        & a {
          text-decoration: none;
          &:hover {
            text-decoration: underline;
          }
        }
      }
    }
  }

  @media (width < 768px) {

    & thead {
      & th {
        padding: 1rem 1.5rem;
      }
    }
    & tbody {
      & .head {
        & th {
          font-size: 1rem;
          padding: 1rem;
          height: 4rem;
          vertical-align: middle;
          &:first-child {
            width: 9.0625rem;
          }
        }
      }
    }

    & th {
      vertical-align: middle;
    }

    & td {
      padding: 1rem;
    }

    &:has(.resale-plan-table-tab) {
      & table {
        width: 30.9375rem;
        & td {
          width: auto;
          padding: 1rem;
          font-size: 1rem;
          height: 3.5rem;
          vertical-align: middle;
        }
      }
    }

    .resale-plan-panel {
      width: 100%;
      overflow: auto;
    }

    &.-option {
      & th {
        &:first-child {
          width: auto;
        }
      }
    }
  }
}

.resale-plan-table-tab {
  display: flex;
  border-bottom: solid 6px #004B76;;
  & button {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 1.375rem;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    line-height: 1.36;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem 0.5rem 0 0;
    border-top: 1px solid #D1D0D0;
    border-right: 1px solid #D1D0D0;
    background: #FFF;
    cursor: pointer;
    & span {
      font-size: 1rem;
    }
    &:first-child {
      border-left: solid 1px #D1D0D0;
    }

    &[aria-selected="true"] {
      background: #004B76;
      color: #fff;
      border: none;
    }
  }
  @media (width < 768px) {
    & button {
      font-size: .75rem;
      padding: 1rem 0.5rem;
      & span {
        font-size: .75rem;
      }
    }
  }
}

.resale-function-table {
  & .c-table {
    overflow: visible;
    border-radius: 0;
  }
  & sup {
    font-size: var(--rs-font-size-xs);
    color: #5C5C5C;
    margin: 0 .5rem;
    line-height: 1;
    vertical-align: middle;
  }

  & td {
    font-size: var(--rs-font-size-xs);
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    position: relative;
    & span {
      display: inline-flex;
      width: 1.5625rem;
      height: 1.5625rem;
      & + sup {
        position: absolute;
        margin-top: 5px;
        white-space: nowrap;
      }
    }
  }

  & thead {
    & th:not(:first-child) {
      text-align: center;
    }
    &:first-of-type {
      & th:first-child {
        width: 47.4948%;
      }
    }
  }

  @media (width < 768px) {
    & .c-table-wrap {
      overflow: auto;
    }
    & .c-table {
      width: 37.5rem;
    }
    & thead {
      & th {
        padding: 1rem;
      }

      &:first-of-type {
        & th:first-child {
          width: 15.625rem;
        }
      }
    }
  }
}

.resale-function-head {
  & th {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    @media (width < 768px) {
      position: static;
    }
  }
}

.resale-toggle-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .625rem;
  padding: 0.8125rem;
  font-size: 1.125rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 1.5;
  border-radius: 2rem;
  border: 1px solid var(--rs-secondary-color);
  background: #E4F6FF;
  cursor: pointer;
  transition: .3s;
  &::before {
    content: "";
    display: block;
    width: .9375rem;
    height: .9375rem;
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M14.2 8.12H8.12V14.2H6.08V8.12H0V6.08H6.08V0H8.12V6.08H14.2V8.12Z" fill="%23004B76"/></svg>') no-repeat center center;
  }

  &[aria-expanded="true"] {
    &::before {
      width: 1rem;
      height: 3px;
      background: var(--rs-secondary-color);
    }
  }
  @media (width >= 768px) {
    &:hover {
      background: var(--rs-secondary-color);
      color: #fff;
      &::before {
        background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M14.2 8.12H8.12V14.2H6.08V8.12H0V6.08H6.08V0H8.12V6.08H14.2V8.12Z" fill="%23fff"/></svg>') no-repeat center center;
      }
    }
    &[aria-expanded="true"] {
       &:hover {
          &::before {
            background: #fff;
          }
       }
    }
  }
  @media (width < 768px) {
    font-size: .875rem;
  }
}

.case {
  background: #F9F9F9;
}

.case-item {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: 2rem 2.5rem;
  border-radius: 0.125rem;
  border: 1px solid #D1D0D0;
  background: #FFF;
  @media (width < 768px) {
    padding: 1.5rem;
    gap: 1rem;
  }
}

.case-item-head {
  display: grid;
  grid-template-columns: 11.25rem 1fr;
  align-items: center;
  gap: .5rem 2.5rem;

  & figure {
    grid-column: 1 / 2;
    grid-row: 1 / span 2;
  }

  & p {
    align-self: flex-start;
  }

  @media (width < 768px) {
    grid-template-columns: 1fr;
    & figure {
      width: 10.1875rem;
      margin: 0 auto;
      grid-column: auto;
      grid-row: auto;
    }
  }
}

.case-item-title {
  font-size: 1.125rem;
  line-height: 1.4;
  align-self: flex-end;
}

.case-item-body {
  display: flex;
  gap: 2rem;
  padding: 1.5rem 0 0;
  border-top: 1px solid #D1D0D0;

  & dl {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .25rem;

    & dt {
      font-size: 1.25rem;
      font-weight: 600;
      font-variation-settings: "wght" 600;
      color: #004B76;
    }
  }
  @media (width < 768px) {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0 0;
    & dl {
      & dt {
        font-size: 1.125rem;
      }

      & dd {
        font-size: .875rem;
      }
    }
  }
}

.flow {
  padding-bottom: 0;
}

.flow-list {
  display: flex;
  gap: .625rem;
  & li {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1.5rem 0.5rem;
    border-radius: 0.25rem;
    background: #F7F7F7;
    & span {
      color: var(--rs-primary-color);
      font-family: Futura, "Century Gothic", sans-serif;
      font-size: 1.4375rem;
      font-weight: 700;
      line-height: 1.5;
      margin: 0 0 .5rem;
    }
  }

  @media (width < 768px) {
    flex-direction: column;

    & li {
      display: grid;
      /* grid-template-columns: 2.125rem 1fr; */
      gap: .25rem 1rem;
      padding: 1rem;
      font-size: var(--rs-font-size-xs);

      * {
        grid-column: 2 / 2;
      }

      & span {
        grid-column: 1 / 2;
        grid-row: 1 / span 2;
      }
    }
  }
}

.flow-list-title {
  font-size: 1.125rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  line-height: 1.4;
  margin: 0 0 .375rem;
  @media (width < 768px) {
    margin: 0;
  }
}

.trial {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: 2.5rem 1.5rem 3rem 3rem;
  border-radius: 1rem;
  background: #E4F6FF url(../images/resale/img-trial.svg) no-repeat right 1.56rem bottom 2.27rem;
  @media (width < 960px) {
    background-image: none;
  }
  @media (width < 768px) {
    padding: 1.5rem;
  }
}

.trial-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.trial-label {
  font-size: 1.125rem;
  padding: .375rem 1.75rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  background-color: var(--rs-primary-color);
  clip-path: polygon(
    0% 0%,
    100% 0%,
    calc(100% - 3.01%) 50%,
    100% 100%,
    0% 100%,
    3.38% 50%
  );
  color: #fff;
}

.trial-headline {
  font-size: 1.5rem;
  @media (width < 768px) {
    font-size: 1.25rem;
  }
}

.trial-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  @media (width < 768px) {
    align-items: stretch;
    font-size: var(--rs-font-size-xs);
  }
}

.trial-note {
  max-width: 34.3125rem;
  @media (width < 960px) {
    max-width: inherit;
  }
}

.faq {
  & .m-faq-list {
    max-width: 100%;
  }
}

.cta {
  padding: 5rem 0;
  background: #0A3852;
  color: #fff;
  position: relative;
  overflow: hidden;
  &::after {
    content: "";
    display: block;
    width: 1085px;
    height: 1085px;
    background: url(../images/resale/bg-hero.svg) no-repeat center center / contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  @media (width < 768px) {
    padding: 3rem 0;
    &::after {
      width: 450px;
      height: 450px;
    }
  }
}

.cta-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  position: relative;
  z-index: 1;
}

.cta-headline {
  font-size: 1.625rem;
  text-align: center;
  @media (width < 768px) {
    font-size: 1.25rem;
  }
}

.cta-button {
  height: 4.8125rem;
  padding: 0 3.5rem 0 4.5rem;
  font-size: 1.4375rem;
  border-radius: 2.6875rem;
  line-height: 1;
  & span {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--rs-font-size-xs);
    margin-right: -1rem;
    &::before,
    &::after {
      content: "";
      display: block;
      width: 1.1375rem;
      height: 1px;
      background: #fff;
    }
    &::before {
      transform: rotate(51deg);
    }
    &::after {
      transform: rotate(-51deg);
    }
  }
  &::after {
    margin-top: 1.5rem;
  }
  @media (width < 768px) {
    width: calc(100% - 2rem);
    padding: 0;
  }
}

.cta-button-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
}