/* Base button */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 12px 24px;
  border-radius: 8px;
  border: 0;
  text-decoration: none;
  cursor: pointer;
  width: auto;              /* prevent full-width */
}

a.btn { width: auto; }
button.btn {
  appearance: none;
  -webkit-appearance: none; /* fix mobile default styles */
}

/* Loud red button (global) */
.btn-loud { background: #ff3333; color: #fff; font-weight: 700; }
.btn-loud:hover { background: #cc0000; }