.button {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 14px;
    font-size: 0.77rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition:
        transform var(--transition),
        box-shadow var(--transition),
        border-color var(--transition),
        background var(--transition);
}

.button:hover {
    transform: translateY(-3px);
}

.button-primary {
    background:
        linear-gradient(
            135deg,
            var(--color-red),
            var(--color-bright-red)
        );
    box-shadow: 0 14px 35px var(--red-glow);
}

.button-primary:hover {
    box-shadow: 0 20px 48px var(--red-glow);
}

.button-secondary {
    border-color: rgba(255, 255, 255, 0.32);
    background: rgba(255, 255, 255, 0.035);
    backdrop-filter: blur(10px);
}

.button-secondary:hover {
    border-color: var(--color-white);
    background: rgba(255, 255, 255, 0.08);
}

.button-gold {
    background: var(--color-gold);
    color: var(--color-deep);
    box-shadow: 0 15px 40px var(--gold-glow);
}

.text-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    color: var(--color-white);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.text-link span {
    color: var(--color-red);
    font-size: 1.2rem;
    transition: transform var(--transition);
}

.text-link:hover span {
    transform: translateX(5px);
}