.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-8);
  min-height: 50px;
  font-size: var(--text-base);
  font-weight: var(--weight-regular);
  text-transform: uppercase;
  border-radius: var(--radius-sm);
  transition: transform var(--duration-fast) var(--ease-standard),
    filter var(--duration-fast) var(--ease-standard),
    background var(--duration-fast) var(--ease-standard);
  white-space: nowrap;
}

.btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

.btn--primary {
  background: var(--gradient-gold);
  color: var(--color-text-inverse);
}

.btn--outline {
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-text-primary);
}

.btn--outline:hover {
  background: rgba(255, 255, 255, 0.1);
}

.btn--sm {
  min-height: 42px;
  padding: var(--space-2) var(--space-6);
  font-size: var(--text-sm);
}

.site-header__actions .btn--sm {
  min-width: 154px;
  min-height: 42px;
  padding-inline: 15px;
}

.btn__icon {
  width: 1rem;
  height: 1rem;
}

.btn__icon--down {
  transform: rotate(90deg);
}