.bg-gold {
    background-color: #a97210 !important;
    color: #fff !important;
    font-weight: 500 !important;
}
.bg-gold:hover {
    color: #a97210 !important;
    background-color: #000000 !important;
}
.btn-outline-gold{
        color: #a97210 !important;
    border-color: #a97210 !important;
}
.text-gold{
    color: #a97210 !important;
}
.text-dark, .text-opai-blue {
    color: #2b1a05 !important;
}
.button -gold:hover {
    background-color: #a97210 !important;
    color: #fff !important;
    border: none !important;
}



.bt-gold-action-btn {
    min-height: 50px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    border: 1px solid rgba(174, 124, 38, .55);
    padding: 0 16px;
    font-size: 15px;
    line-height: 1.1;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
    background: linear-gradient( 90deg, #3a2608 0%, #7a5417 42%, #c99a3c 100% );
    box-shadow: 0 0 0 1px rgba(255, 221, 139, .28) inset, 0 10px 24px rgba(122, 84, 23, .22);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}

    .bt-gold-action-btn:hover {
        color: #fff;
        border-color: rgba(201, 154, 60, .85);
        box-shadow: 0 0 0 1px rgba(255, 226, 154, .42) inset, 0 14px 30px rgba(122, 84, 23, .30);
        transform: translateY(-1px);
        filter: brightness(1.04);
    }

    .bt-gold-action-btn:active {
        transform: translateY(0);
        box-shadow: 0 0 0 1px rgba(255, 221, 139, .25) inset, 0 8px 18px rgba(122, 84, 23, .20);
    }

    .bt-gold-action-btn i {
        font-size: 16px;
    }
.bt-gold-soft-btn {
    min-height: 50px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    border: 1px solid rgba(168, 122, 40, .45);
    padding: 0 16px;
    font-size: 15px;
    line-height: 1.1;
    font-weight: 600;
    cursor: pointer;
    color: #2b1a05;
    background: linear-gradient( 90deg, rgba(95, 61, 12, .18) 0%, rgba(201, 154, 60, .22) 55%, rgba(255, 232, 166, .42) 100% );
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .55) inset, 0 10px 22px rgba(122, 84, 23, .12);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

    .bt-gold-soft-btn:hover {
        color: #1f1303;
        border-color: rgba(168, 122, 40, .70);
        box-shadow: 0 0 0 1px rgba(255, 246, 218, .75) inset, 0 14px 28px rgba(122, 84, 23, .18);
        transform: translateY(-1px);
    }

.badge-gold-soft-btn {
    min-height: 30px;
    border-radius: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    border: 1px solid rgba(168, 122, 40, .45);
    padding: 0 8px;
    font-size: 15px;
    line-height: 1.1;
    font-weight: 600;
    cursor: pointer;
    color: #2b1a05;
    background: linear-gradient( 90deg, rgba(95, 61, 12, .18) 0%, rgba(201, 154, 60, .22) 55%, rgba(255, 232, 166, .42) 100% );
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .55) inset, 0 10px 22px rgba(122, 84, 23, .12);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.badge-gold-action-btn {
    min-height: 30px;
    border-radius: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    border: 1px solid rgba(174, 124, 38, .55);
    padding: 0 8px;
    font-size: 15px;
    line-height: 1.1;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
    background: linear-gradient( 90deg, #3a2608 0%, #7a5417 42%, #c99a3c 100% );
    box-shadow: 0 0 0 1px rgba(255, 221, 139, .28) inset, 0 10px 24px rgba(122, 84, 23, .22);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}