/* Purpose: Brand button system — 0 radius, 47px height, Poppins 16px, no shadows. */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: var(--btn-height);
  padding: var(--btn-pad);
  border-radius: var(--radius-none);
  border: 1px solid transparent;
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: var(--weight-regular);
  line-height: var(--leading-snug);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition:
    background var(--duration-base) var(--ease),
    color var(--duration-base) var(--ease),
    border-color var(--duration-base) var(--ease);
}
.btn svg { width: 18px; height: 18px; flex: none; }

.btn-green { background: var(--color-primary); color: var(--color-white); }
.btn-green:hover { background: var(--color-primary-dark); }

.btn-ivory { background: var(--color-ivory); color: var(--color-primary); }
.btn-ivory:hover { background: var(--color-white); }

.btn-line { background: transparent; color: var(--color-ivory); border-color: var(--color-accent-line); }
.btn-line:hover { border-color: var(--color-accent); color: var(--color-white); }

.btn-line-dark { background: transparent; color: var(--color-primary); border-color: var(--color-primary); }
.btn-line-dark:hover { background: var(--color-primary); color: var(--color-white); }