.btn-primary {
    padding: 12px 28px;
    background: rgba(184, 146, 42, 0.14);
    border: 1px solid rgba(184, 146, 42, 0.42);
    border-radius: 30px;
    color: var(--gold-light);
    font-family: 'Raleway', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.28s ease;
    text-decoration: none;
}

.btn-primary:hover {
    background: rgba(184, 146, 42, 0.26);
    border-color: var(--gold-light);
}

.btn-ghost {
    padding: 12px 28px;
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 30px;
    font-family: 'Raleway', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.28s ease;
    text-decoration: none;
    color: var(--black);
}

.btn-ghost:hover {
    border-color: rgb(89 89 89 / 0.38);
    background: rgb(170 170 170 / 0.38);
}