/* =========================
   PRIMARY BUTTON
========================= */

.btn-primary {
    position: relative;

    background: linear-gradient(
        135deg,
        #c0c1ff 0%,
        #9ea2ff 100%
    );

    color: #07006c;

    padding: 14px 30px;

    border: none;
    border-radius: 16px;

    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.01em;

    cursor: pointer;

    box-shadow:
        0 10px 30px rgba(192,193,255,0.18),
        0 4px 12px rgba(192,193,255,0.12);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        opacity 0.25s ease;
}

.btn-primary:hover {

    transform:
        translateY(-3px)
        scale(1.02);

    box-shadow:
        0 18px 40px rgba(192,193,255,0.28),
        0 8px 20px rgba(192,193,255,0.18);

    opacity: 0.96;
}

.btn-primary:active {

    transform: scale(0.98);
}

/* =========================
   SECONDARY BUTTON
========================= */

.btn-secondary {

    background: rgba(255,255,255,0.05);

    color: #e2e2e2;

    padding: 14px 30px;

    border-radius: 16px;

    border: 1px solid rgba(255,255,255,0.08);

    backdrop-filter: blur(20px);

    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 700;

    cursor: pointer;

    transition:
        background 0.25s ease,
        transform 0.25s ease,
        border-color 0.25s ease;
}

.btn-secondary:hover {

    background: rgba(255,255,255,0.09);

    border-color: rgba(255,255,255,0.14);

    transform: translateY(-2px);
}

.btn-secondary:active {

    transform: scale(0.98);
}