/* ========== КНОПКИ ========== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm) var(--space-lg);
  border-radius: var(--border-radius);
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  border: none;
  position: relative;
  overflow: hidden;
  font-size: 1.6rem;
  min-width: 180px;
  box-shadow: var(--box-shadow);
  font-family: var(--font-main);
}

.btn--primary {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);
  color: var(--light-color);
  border: 2px solid var(--primary-color);
}

.btn--primary:hover,
.btn--primary:focus {
  background: linear-gradient(135deg, var(--primary-hover) 0%, var(--primary-color) 100%);
  transform: translateY(-3px);
  box-shadow: var(--box-shadow-hover);
  outline: none;
}

.btn--primary:active {
  transform: translateY(0) scale(0.98);
  box-shadow: var(--box-shadow-active);
}

.btn i {
  margin-right: var(--space-xs);
  font-size: 1.6rem;
}

/* Стили для фокуса */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}