/* Social checkout actions: keep the close action compact and give checkout enough room. */
.social-payment-actions {
    display: grid !important;
    grid-template-columns: minmax(96px, 0.75fr) minmax(0, 1.55fr) !important;
    gap: 8px !important;
    flex-wrap: initial !important;
}

.social-payment-actions > .button:nth-child(2) {
    display: none !important;
}

.social-payment-actions > .button {
    width: 100%;
    min-width: 0;
}

.social-payment-actions > .button.primary {
    white-space: nowrap;
    padding-inline: 12px;
}

@media (max-width: 360px) {
    .social-payment-actions {
        grid-template-columns: minmax(88px, 0.7fr) minmax(0, 1.6fr) !important;
    }

    .social-payment-actions > .button.primary {
        font-size: 13px;
        padding-inline: 8px;
    }
}