/* Button Styles */

.btn {
  transition:
    color 250ms ease-in-out,
    background-color 250ms ease-in-out;
  cursor: pointer;
  border: solid var(--color-aqua-70) 2px;
  border-radius: 0.375rem;
  background-color: var(--color-aqua-70);
  padding: 0.75rem 1.5rem;
  color: var(--color-dodger-blue-950);
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
}

.btn:hover {
  background-color: var(--color-aqua-100);
  border-color: var(--color-aqua-100);
  color: var(--color-dodger-blue-950);
}

/* ── Download block buttons ─────────────────────────────────────────── */

a.button-block {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0.65rem 1.25rem;
  border-radius: 0.375rem;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none !important;
  transition:
    background-color 200ms ease,
    border-color 200ms ease,
    color 200ms ease;
  margin-bottom: 0.5rem;
}

a.button-block:last-child {
  margin-bottom: 0;
}

a.button-block.rounded {
  border-radius: 0.5rem;
}

/* Present (current) releases — accent blue */
a.button-block.download-present {
  background-color: var(--color-aqua-70);
  border: 2px solid var(--color-aqua-70);
  color: var(--color-dodger-blue-950) !important;
}

a.button-block.download-present:hover {
  background-color: var(--color-aqua-100);
  border-color: var(--color-aqua-100);
  color: var(--color-dodger-blue-950) !important;
  text-decoration: none !important;
}

/* Legacy releases — muted blue tint */
a.button-block.download-legacy {
  background-color: var(--color-calypso-400);
  border: 2px solid var(--color-calypso-400);
  color: var(--color-dodger-blue-950) !important;
}

a.button-block.download-legacy:hover {
  background-color: var(--color-calypso-300);
  border-color: var(--color-calypso-300);
  color: var(--color-dodger-blue-950) !important;
  text-decoration: none !important;
}