.cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 0 22px;
  border-radius: var(--rad-sm);
  background: var(--accent);
  color: var(--on-accent);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

/* Underline marks inline text links; a button-shaped link never takes it. */
.cta:hover,
.cta:focus-visible {
  text-decoration: none;
}

.cta:hover {
  filter: brightness(1.06);
}