.cosamirai-interstitial {
  padding-block: 3.75rem;
  position: relative;
  z-index: 2;
  background-color: var(--c-light-stone);

  .inner {
    width: 100%;
    margin-inline: auto;
    padding: 4rem 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.5rem;

    .text {
      color: var(--c-light-stone);
      font-family: "PP Fragment Glare", sans-serif;
      font-size: var(--fs-L-H3-M);
      font-weight: 300;
      line-height: 1.2;
    }

    img {
      width: 3.125rem;
      transition: all 0.4s ease-out;
    }

    &:hover img {
      transform: translateX(50%);
    }
  }
}

@media (max-width: 768px) {
  .cosamirai-interstitial {
    --inner-width: 100%;
    padding-block: 1.5rem;
    padding-inline: 1.5rem;

    .inner {
      padding: 0.75rem 1.5rem;

      .text {
        font-size: var(--fs-S-H2-SM);
        line-height: 1.3;
      }

      img {
        width: 2rem;
      }
    }
  }
}