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

.guess-button {
    position: relative;

    overflow: hidden;

    border: 1px solid rgba(196, 181, 253, 0.22);
    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(24, 11, 46, 0.96),
            rgba(10, 5, 22, 0.96)
        );

    padding: 16px 18px;

    color: rgb(243, 232, 255);

    font-size: 0.95rem;
    font-weight: 700;
    text-align: center;

    backdrop-filter: blur(12px);

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

.guess-button:hover:not(:disabled) {
    transform: translateY(-2px);

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

    background:
        linear-gradient(
            145deg,
            rgba(88, 28, 135, 0.92),
            rgba(45, 15, 77, 0.94)
        );

    box-shadow:
        0 0 18px rgba(168, 85, 247, 0.25),
        0 0 35px rgba(88, 28, 135, 0.18);
}

.guess-button:active:not(:disabled) {
    transform: scale(0.985);
}

.guess-button:disabled {
    cursor: not-allowed;
    opacity: 0.65;
}

.guess-button-selected {
    border-color: rgba(216, 180, 254, 0.9);

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

    box-shadow:
        0 0 20px rgba(168, 85, 247, 0.45),
        inset 0 0 14px rgba(255, 255, 255, 0.08);
}

.guess-button-correct {
    border-color: rgba(134, 239, 172, 0.9);

    background:
        linear-gradient(
            145deg,
            rgba(22, 101, 52, 0.95),
            rgba(20, 83, 45, 0.98)
        );

    box-shadow:
        0 0 18px rgba(74, 222, 128, 0.35);
}

.guess-button-wrong {
    border-color: rgba(252, 165, 165, 0.9);

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

    box-shadow:
        0 0 18px rgba(248, 113, 113, 0.32);
}