.threedis-billing-checkout {
    max-width: 760px;
    margin: 1.5rem auto;
    padding: 1.5rem;
    border: 1px solid #c7cedb;
    border-radius: 8px;
    background: #fff;
    color: #10203d;
}
.threedis-billing-checkout [hidden] { display: none !important; }
.threedis-billing-checkout label { display: block; line-height: 1.6; }
.threedis-billing-checkout button {
    padding: .8rem 1.2rem;
    color: #fff;
    background: #10203d;
    border: 2px solid transparent;
    border-radius: 4px;
    cursor: pointer;
}
.threedis-billing-checkout button:focus-visible { outline: 3px solid #b34800; outline-offset: 3px; }
.threedis-billing-checkout button:disabled { opacity: .6; cursor: wait; }
.threedis-billing-status { font-weight: 600; }
.threedis-billing-card {
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid #c7cedb;
    border-radius: 4px;
}
.threedis-billing-card-element {
    min-height: 24px;
    padding: .8rem;
    background: #fff;
    border: 1px solid #69758a;
    border-radius: 4px;
}
.threedis-billing-card-element.StripeElement--focus {
    outline: 3px solid #b34800;
    outline-offset: 2px;
}
.threedis-billing-card button { margin: .25rem 0; }
@media (max-width: 480px) {
    .threedis-billing-checkout { margin: 1rem 0; padding: 1rem; }
    .threedis-billing-checkout button { width: 100%; }
}