/**
 * @file
 * Button styles for Aotearoa theme.
 */

/* Base button */
.button,
button[type="submit"],
input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp1);
  padding: var(--sp1-5) var(--sp3);
  font-family: var(--font-sans);
  font-size: var(--body-m-size);
  font-weight: 600;
  color: var(--white);
  background-color: var(--primary);
  border: 2px solid var(--primary);
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  border-color: var(--primary-600, #055a8c);
}

.button:focus-visible,
button[type="submit"]:focus-visible,
input[type="submit"]:focus-visible {
  outline: var(--focus-ring-style) var(--focus-ring-width) var(--primary);
  outline-offset: 2px;
}

.button:disabled,
button:disabled,
input[type="submit"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Secondary / Outline variant */
.button--secondary {
  color: var(--primary);
  background-color: transparent;
}

.button--secondary:hover {
  color: var(--white);
  background-color: var(--primary);
}

/* Link styled as button */
a.button {
  text-decoration: none;
}