.generic-button {
    display: inline-block;
    background: var(--color-primary);
    color: white;
    text-decoration: none;
    border-radius: var(--border-radius);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    line-height: 1.3;
    text-align: center;
}

.generic-button:hover {
    background: var(--color-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px var(--color-bg-accent);
    color: white;
}

.generic-button-md {
    .generic-button;
    padding: 0.8rem 1.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    min-width: 180px;
}

.generic-button-sm {
    .generic-button;
    padding: 0.6rem 1.2rem;
    font-weight: 600;
    font-size: 0.85rem;
    min-width: 100px;
}