/*!*
 * This file is part of the SplendidBear Websites' projects.
 *
 * Copyright (c) 2026 @ www.splendidbear.org
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

.hero-donate-text {
    position: relative;
    z-index: 1;
    font: 400 12px 'Rajdhani', sans-serif;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 0.5px;
    margin-top: 42px;
    margin-bottom: 8px;
    animation: rise 0.8s 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hero-donate {
    position: relative;
    display: inline-block;
    font: 500 12px 'Rajdhani', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    color: rgba(255, 184, 82, 0.75);
    padding: 6px 14px;
    border-radius: 2px;
    border: 1px solid rgba(255, 184, 82, 0.25);

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

    box-shadow:
        0 0  0   1px rgba(255, 140, 30, 0.1),
        0 0  8px    rgba(255, 140, 30, 0.08);

    transition: transform 200ms ease, box-shadow 200ms ease, color 200ms ease, background 200ms ease;
    animation: rise 0.8s 0.58s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hero-donate::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 3px;
    background: rgba(255, 140, 30, 0.15);
    filter: blur(8px);
    opacity: 0.1;
    z-index: -1;
    transition: opacity 200ms ease;
}

.hero-donate:hover {
    transform: translateY(-1px);
    color: rgba(255, 200, 100, 0.9);
    background: rgba(255, 140, 30, 0.1);
    box-shadow:
        0 0  0   1px rgba(255, 140, 30, 0.2),
        0 0  12px    rgba(255, 140, 30, 0.15);
}

.hero-donate:hover::before {
    opacity: 0.2;
}

.hero-donate:active {
    transform: translateY(0px);
}