.cta--primary {
  border: 0;
  cursor: pointer;
  display: inline-block;
  padding: 16px 32px;
  background-color: var(--color-primary-pink);
  color: var(--color-black);
  text-decoration: none;
  border-radius: 56px;
}
.cta--primary:hover {
  background-color: var(--color-black);
  color: var(--color-primary-pink);
  text-decoration: none;
  transition: color 240ms ease-out;
}
.cta--secondary {
  cursor: pointer;
  display: inline-block;
  padding: 16px 32px;
  background-color: var(--color-white);
  color: var(--color-black);
  text-decoration: none;
  border-radius: 56px;
}