.psp-banner {
  .psp-banner__wrapper {
    display: flex;
    padding-top: var(--sp-13);
    padding-bottom: var(--sp-8);

    @media (max-width: 990px) {
      flex-direction: column;
      gap: var(--sp-9);
      padding-top: var(--sp-7);
      padding-bottom: var(--sp-12);
    }

    .psp-banner__image {
      width: 100%;
      max-width: 58%;

      @media (max-width: 990px) {
        max-width: 100%;
      }
    }

    .psp-banner__content {
      flex: 1;
      display: flex;
      flex-direction: column;

      .psp-banner__title {
        img {
          max-width: 212px;

          @media (max-width: 990px) {
            max-width: 150px;
          }
        }

        .psp-banner__button {
          margin-top: var(--sp-5);
          display: flex;
          font-weight: var(--font-medium);
          font-size: var(--sp-6);
          line-height: 1.2;
          text-decoration: underline;
          text-decoration-skip-ink: none;
          color: var(--color-total-black);
        }
      }

      .psp-banner__buttons {
        display: flex;
        flex-direction: column;
        gap: clamp(var(--sp-2d5), 2vw, var(--sp-7));
        width: fit-content;
        margin-top: clamp(var(--sp-8), 4vw, var(--sp-14));

        @media (max-width: 990px) {
          display: none;
        }
      }

      .psp-banner__buttons.psp-banner__buttons--row {
        flex-direction: row;
        gap: var(--sp-2d5);
      }

      .psp-banner__badge {
        margin-bottom: var(--sp-5);
        background-color: rgb(var(--color-total-white));
        border-radius: 5px;
        padding: var(--sp-1d5) var(--sp-4);
        font-size: 14px;
        line-height: 1.4;
        color: rgb(var(--color-badge-text));
        display: flex;
        width: fit-content;
      }
    }

    .psp-banner__mobile-buttons {
      display: none;

      @media (max-width: 990px) {
        display: flex;
        flex-direction: column;
        gap: var(--sp-2d5);
        width: 100%;
        margin-top: var(--sp-7d5);
      }
    }
  }
}