.sweet-alert {
    box-sizing: border-box;
    width: 620px;
    max-width: calc(100% - 40px);
    padding: 22px 34px 28px;
    font-family: inherit;
}

.sweet-alert .sa-icon {
    margin: 0 auto -14px;
    transform: scale(0.7);
    transform-origin: center top;
}

.sweet-alert .sa-icon.sa-warning,
.sweet-alert .sa-icon.sa-success,
.sweet-alert .sa-icon.sa-error {
    margin: -8px auto -24px;
    transform: scale(0.55);
}

.sweet-alert h2 {
    margin: 10px 0 10px;
    color: #1f2937;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.35;
}

.sweet-alert p {
    margin: 0;
    color: #475569;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
}

.sweet-alert button {
    min-width: 108px;
    margin: 24px 5px 0;
    padding: 13px 30px;
    border: 0;
    border-radius: 999px;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.sweet-alert button:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.16);
}

.sweet-alert button:active {
    transform: translateY(0);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
}

.sweet-alert button.confirm {
    background: linear-gradient(135deg, #6366f1 0%, #2563eb 55%, #0ea5e9 100%) !important;
    color: #fff !important;
}

.sweet-alert button.cancel {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
    color: #334155 !important;
    box-shadow: inset 0 0 0 1px #cbd5e1, 0 10px 22px rgba(15, 23, 42, 0.08);
}

.sweet-alert button.confirm:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #1d4ed8 55%, #0284c7 100%) !important;
}

.sweet-alert button.cancel:hover {
    background: linear-gradient(135deg, #ffffff 0%, #dbeafe 100%) !important;
    color: #1e3a8a !important;
}

@media (max-width: 640px) {
    .sweet-alert {
        width: auto;
        max-width: calc(100% - 28px);
        padding: 18px 18px 22px;
    }

    .sweet-alert h2 {
        font-size: 21px;
    }

    .sweet-alert p {
        font-size: 15px;
    }

    .sweet-alert button {
        min-width: 92px;
        padding: 12px 22px;
        font-size: 14px;
    }
}