/* Keep the poker CTA controls aligned and inside the viewport. */
@media (max-width: 1024px) {
    .poker-cta-row {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-3);
        width: 100%;
    }

    .poker-cta-row .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: min(100%, 440px);
        min-height: 46px;
        padding: 0.7rem 1.2rem;
        box-sizing: border-box;
        border: 1px solid var(--color-primary);
        border-radius: var(--radius-sm);
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: center;
        line-height: 1.35;
    }

    .poker-cta-row .text-link {
        display: inline-block;
        width: auto;
        min-height: 0;
        padding: 0 0 2px;
        border: 0;
        border-bottom: 1px solid rgba(31, 73, 61, 0.4);
        border-radius: 0;
        color: var(--color-primary);
        background: transparent;
        line-height: 1.2;
    }

    .poker-cta-row .text-link:hover {
        color: #16352d;
        background: transparent;
        border-bottom-color: #16352d;
    }
}

@media (max-width: 480px) {
    .poker-cta-row .btn {
        width: 100%;
    }
}