/* Autors: Raivis Rampāns */
/* Izveidots: 24.05.2026 */
/* Mainīts : 24.05.2026 */

.main-purple-button {
    border: 1px solid rgba(192, 132, 252, 0.28);
    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(126, 34, 206, 0.96),
            rgba(88, 28, 135, 0.98)
        );

    padding: 12px 22px;
    color: white;
    font-weight: 800;
    letter-spacing: 0.02em;

    box-shadow:
        0 0 18px rgba(126, 34, 206, 0.28),
        0 0 38px rgba(76, 29, 149, 0.18);

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease;
}

.main-purple-button:hover {
    transform: scale(1.02);

    border-color: rgba(216, 180, 254, 0.62);

    background:
        linear-gradient(
            145deg,
            rgba(147, 51, 234, 0.98),
            rgba(109, 40, 217, 0.98)
        );

    box-shadow:
        0 0 22px rgba(168, 85, 247, 0.38),
        0 0 45px rgba(126, 34, 206, 0.24);
}

.main-purple-button:active {
    transform: scale(0.985);
}

.main-dark-button {
    border: 1px solid rgba(196, 181, 253, 0.18);
    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(20, 20, 35, 0.96),
            rgba(8, 8, 18, 0.98)
        );

    padding: 12px 22px;
    color: rgb(243, 232, 255);
    font-weight: 800;
    letter-spacing: 0.02em;
    backdrop-filter: blur(10px);

    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease;
}

.main-dark-button:hover {
    transform: scale(1.02);

    border-color: rgba(192, 132, 252, 0.4);

    background:
        linear-gradient(
            145deg,
            rgba(40, 40, 65, 0.98),
            rgba(18, 18, 32, 0.98)
        );

    box-shadow:
        0 0 18px rgba(126, 34, 206, 0.16);
}

.main-dark-button:active {
    transform: scale(0.985);
}

.main-danger-button {
    border: 1px solid rgba(252, 165, 165, 0.25);
    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(127, 29, 29, 0.96),
            rgba(69, 10, 10, 0.98)
        );

    padding: 12px 22px;
    color: rgb(254, 226, 226);
    font-weight: 800;
    letter-spacing: 0.02em;

    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.main-danger-button:hover {
    transform: scale(1.02);

    border-color: rgba(252, 165, 165, 0.6);

    background:
        linear-gradient(
            145deg,
            rgba(153, 27, 27, 0.98),
            rgba(127, 29, 29, 0.98)
        );

    box-shadow:
        0 0 18px rgba(239, 68, 68, 0.28);
}

.main-danger-button:active {
    transform: scale(0.985);
}

.main-white-button {
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.96),
            rgba(226, 232, 240, 0.96)
        );

    padding: 12px 22px;
    color: rgb(15, 23, 42);
    font-weight: 800;
    letter-spacing: 0.02em;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.main-white-button:hover {
    transform: scale(1.02);

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 1),
            rgba(241, 245, 249, 1)
        );

    box-shadow:
        0 0 20px rgba(255, 255, 255, 0.2);
}

.main-white-button:active {
    transform: scale(0.985);
}

.main-report-button {
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 14px;

    background: linear-gradient(
        145deg,
        rgba(120, 53, 15, 0.96),
        rgba(69, 26, 3, 0.98)
    );

    padding: 12px 22px;

    color: rgb(254, 243, 199);
    font-weight: 800;
    letter-spacing: 0.02em;

    box-shadow: 0 0 18px rgba(245, 158, 11, 0.18);

    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        background 0.18s ease,
        box-shadow 0.18s ease;
}

.main-report-button:hover {
    transform: scale(1.02);

    border-color: rgba(252, 211, 77, 0.7);

    background: linear-gradient(
        145deg,
        rgba(146, 64, 14, 0.98),
        rgba(120, 53, 15, 0.98)
    );

    box-shadow: 0 0 20px rgba(245, 158, 11, 0.3);
}

.main-report-button:active {
    transform: scale(0.985);
}