.subscription-page {
    --page-container-padding-x-mobile: var(--container-padding-x-mobile-tight);
    overflow: clip;
    min-height: 100vh;
}

.subscription-page .button {
    padding: 14px 24px;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.subscription-page .button:hover {
    transform: translateY(-2px);
}

.subscription-page .button--primary {
    border: 0;
    box-shadow: var(--shadow-button-strong);
}

.subscription-page .button--primary::before {
    background-image: var(--gradient-main-subscription);
}

.subscription-page .button--ghost {
    border-color: rgba(13, 103, 199, 0.18);
    background: rgba(255, 255, 255, 0.72);
}

.subscription-page .button--light {
    background: #ffffff;
    border-color: transparent;
    box-shadow: none;
}

@media (max-width: 820px) {
    .subscription-page {
        --page-section-padding: 72px 0;
    }

    .subscription-page .section-title,
    .subscription-page .lead__title {
        letter-spacing: -0.05em;
    }
}

@media (max-width: 540px) {
    .subscription-page .button {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .subscription-page {
        padding-bottom: 104px;
    }
}