/* Buttons */
.btn {
    font-weight: 600;
    border-radius: 12px;
    padding: 0.75rem 2rem;
    transition: all 0.3s ease;
    border: none;
    text-transform: none;
    letter-spacing: 0.025em;
}

.btn-primary {
    background: linear-gradient(135deg, var(--strava-orange) 0%, var(--strava-orange-light) 100%);
    color: white;
    box-shadow: 0 8px 25px rgba(252, 76, 2, 0.3);
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--strava-orange-hover) 0%, var(--strava-orange) 100%);
    transform: translateY(-2px);
    box-shadow: 0 12px 35px rgba(252, 76, 2, 0.4);
    color: white;
}

.btn-outline-primary {
    border: 2px solid var(--strava-orange);
    color: var(--strava-orange);
    background: transparent;
}

.btn-outline-primary:hover {
    background: var(--strava-orange);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(252, 76, 2, 0.3);
    border-color: rgba(252, 76, 2, 0.3);
}

.btn-outline-light {
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: white;
    background: transparent;
}

.btn-outline-light:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
    color: white;
    transform: translateY(-2px);
}

.btn-outline-danger {
    border : 2px solid var(--luxury-danger);

}


.btn-light {
    background: white;
    color: var(--luxury-black);
    font-weight: 600;
}

.btn-light:hover {
    background: #f8f9fa;
    color: var(--luxury-black);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(255, 255, 255, 0.2);
}

.btn-success {
    background: linear-gradient(135deg, var(--luxury-success) 0%, #00B894 100%);
    color: white;
}

.btn-warning {
    background: linear-gradient(135deg, var(--luxury-warning) 0%, #F39C12 100%);
    color: white;
}

.btn-danger {
    background: linear-gradient(135deg, var(--luxury-danger) 0%, #E74C3C 100%);
    color: white;
}