/* Paired coupon dialog/footer buttons — same pill shape; colors from branding/entra-external-id/custom-styles-template-013023.css */

/* Shared shape for primary + cancel in the same row (e.g. Avbryt + Använd) */
.coupon-dialog-btn,
.use-btn,
.coupon-cancel-btn {
    border-radius: 1.5rem;
    padding: 0.375rem 1.25rem;
    white-space: nowrap;
}

/* Primary: .ext-button.ext-primary */
.use-btn {
    font-weight: 700;
    color: #063A35;
    background-color: #F8DC96;
    border-color: #F8DC96;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.use-btn:hover:not(:disabled),
.use-btn:focus:not(:disabled) {
    color: #063A35;
    background-color: #FDE7AF;
    border-color: #FDE7AF;
}

.use-btn:focus-visible:not(:disabled) {
    outline: none;
    box-shadow: 0 0 0 1px #063A35, 0 0 0 4px #9FE3D5;
}

.use-btn:active:not(:disabled) {
    color: #063A35;
    background-color: #F2CF77;
    border-color: #F2CF77;
}

.use-btn:disabled {
    cursor: not-allowed;
    opacity: 0.65;
}

/* Cancel: pair with btn-secondary; shape matches .use-btn */
.coupon-cancel-btn {
    font-weight: 600;
}