.call-to-action-button {
  align-items: center;
  background: var(--coral, #f15a4a);
  border: 2px solid var(--coral, #f15a4a);
  border-radius: 2rem;
  box-shadow: 0 8px 18px rgba(20, 35, 60, 0.14);
  color: #fff;
  display: inline-flex;
  font-weight: 700;
  gap: 0.4rem;
  justify-content: center;
  line-height: 1.2;
  margin: 0.25rem 0 0.5rem;
  min-width: 14rem;
  padding: 0.85rem 1.25rem;
  text-decoration: none;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.call-to-action-button:hover,
.call-to-action-button:focus {
  background: var(--coral-dark, #ec301b);
  border-color: var(--coral-dark, #ec301b);
  box-shadow: 0 12px 24px rgba(20, 35, 60, 0.2);
  color: #fff;
  text-decoration: none;
  transform: translateY(-1px);
}

.call-to-action-button:focus-visible {
  outline: 3px solid var(--sky, #8ec5ff);
  outline-offset: 3px;
}

.call-to-action-button--secondary {
  background: #fff;
  border-color: var(--steel-blue, #5484ab);
  color: var(--navy, #14233c);
}

.call-to-action-button--secondary:hover,
.call-to-action-button--secondary:focus {
  background: var(--navy, #14233c);
  border-color: var(--navy, #14233c);
  color: #fff;
}