/* 2. КНОПКИ */
.btn {
    display: inline-block;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 4px;
    transition: 0.2s;
    background: #f3f4f6;
    font-family: inherit;
    text-decoration: none;
    color: var(--text-main);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
}
.btn:hover { background: #e5e7eb; }
.btn--primary { background: var(--brand-red); color: #fff; }
.btn--primary:hover { background: var(--brand-red-hover); }
.btn--sm { padding: 8px 14px; font-size: 13px; }
.btn--danger { background: #ef4444; color: #fff; }
.btn--danger:hover { background: #dc2626; }
.btn--dark { background: #374151; color: #fff; }
.btn--dark:hover { background: #1f2937; }
.btn--outline-danger { background: transparent; color: var(--brand-red); border: 1px solid var(--brand-red); }
.btn--outline-danger:hover { background: var(--brand-red); color: #fff; }
.btn--icon { background: transparent; font-size: 20px; padding: 8px 12px; position: relative; color: var(--text-main); text-transform: none; }
.btn--icon:hover { background: #f3f4f6; }