.cta-button {
  background-color:var(--main-color);
  color: var(--nav-bg-color);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(2rem, 5vw, 3rem);
  border: none;
  border-radius: var(--box-radius);
  font-size: clamp(.9rem, 2vw, 1.2rem);
  font-family: var(--font-body);
  font-weight: bold;
  text-decoration: none;
  box-shadow: var(--box-shadow);
  cursor: pointer;
}

.cta-button:hover {
  background-color: var(--second-color);
}