/* assets/css/buttons.css */

.btn-back {
    background: linear-gradient(135deg, var(--primary) 0%, #1d4ed8 100%);
    color: var(--white);
    border: none;
    padding: 0.875rem 1.75rem;
    border-radius: 10px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.2);
}

.btn-back:hover {
    background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.3);
    color: var(--white);
}

.btn-models {
    background: linear-gradient(135deg, var(--swiss-red, #dc2626) 0%, #b91c1c 100%);
    color: var(--swiss-white, #ffffff);
    border: none;
    padding: 0.875rem 1.75rem;
    border-radius: 10px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 14px rgba(220, 38, 38, 0.2);
}

.btn-models:hover {
    background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%);
    color: var(--swiss-white, #ffffff);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(220, 38, 38, 0.3);
}