/**
 * FSP Button Styles
 * Primary and outline button variants
 *
 * @package Free_Style_Products
 */

/* ==========================================================================
   Buttons
   ========================================================================== */

.headwear-landing-page .btn-primary {
    background: linear-gradient(135deg, var(--hw-primary) 0%, var(--hw-primary-dark) 100%);
    border: none;
    color: var(--hw-dark);
    font-weight: 600;
    padding: 12px 30px;
    border-radius: var(--hw-radius);
    transition: var(--hw-transition);
}

.headwear-landing-page .btn-primary:hover,
.headwear-landing-page .btn-primary:focus {
    background: linear-gradient(135deg, var(--hw-primary-light) 0%, var(--hw-primary) 100%);
    color: var(--hw-dark);
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(44, 198, 77, 0.4);
}

.headwear-landing-page .btn-outline-light {
    border: 2px solid var(--hw-white);
    color: var(--hw-white);
    background: transparent;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: var(--hw-radius);
    transition: var(--hw-transition);
}

.headwear-landing-page .btn-outline-light:hover,
.headwear-landing-page .btn-outline-light:focus {
    background: var(--hw-white);
    color: var(--hw-dark);
    transform: translateY(-2px);
}