.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.875rem 1.75rem;
  font-family: var(--font-body);
  font-size: var(--type-sm);
  font-weight: 600;
  letter-spacing: 0.02em;
  border-radius: var(--r-md);
  border: 2px solid transparent;
  transition: all var(--tr-base);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}

.btn--primary { background-color: var(--color-primary); color: #fff; border-color: var(--color-primary); }
.btn--primary:hover { background-color: var(--color-primary-dk); border-color: var(--color-primary-dk); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(27,94,42,0.3); }

.btn--outline { background-color: transparent; color: var(--color-primary); border-color: var(--color-primary); }
.btn--outline:hover { background-color: var(--color-accent-lt); }

.btn--white { background-color: #fff; color: var(--color-primary); border-color: #fff; }
.btn--white:hover { background-color: var(--color-accent-lt); transform: translateY(-2px); }

.btn--white-ol { background-color: transparent; color: #fff; border-color: rgba(255,255,255,0.6); }
.btn--white-ol:hover { background-color: rgba(255,255,255,0.1); border-color: #fff; }

.btn--sm { padding: 0.625rem 1.25rem; font-size: 0.8125rem; }
.btn--lg { padding: 1.1rem 2.25rem; font-size: 1rem; }