/**
 * Button Components
 */

/* Base Button */


/* Hero Button */
.btn {
    padding: 14px 66px;
    font-size: 24px;
    background: var(--color-accent);
    color: var(--color-primary);
    border: 1px solid var(--color-accent);
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 1s all var(--transition-fast);
}

.btn:hover {
    background: rgba(183, 82, 113, 1);
    box-shadow: var(--shadow-md);
    color: var(--color-primary);
    border: 1px solid rgba(183, 82, 113, 1);

}

/* Secondary Button */
.btn-secondary {
    background: transparent;
    color: var(--color-text);
    border: 1px solid var(--color-border);
}

.btn-secondary:hover {
    background: var(--color-light-bg);
    border-color: var(--color-text);
    color: var(--color-text);
    transform: translateY(-2px);
}