.hero {
  background: var(--color-yellow);
}

.section.alt {
  background: #ffffff;
}

.content h2 {
  margin-bottom: var(--space-md);
}

.content a {
  font-weight: 700;
  border-bottom: 2px solid var(--color-text);
  transition: 0.2s ease;
}

.content a:hover {
  color: #fff;
  background: var(--color-pink);
  border-bottom: 2px solid var(--color-pink);
}

.sticky-cta .btn {
  box-shadow: 6px 6px 0 #000000;
}

.sticky-cta .btn:hover {
  transform: translate(-2px, -2px);
}

.section {
  border-top: var(--border-thick);
}

.section:first-of-type {
  border-top: none;
}

@media (max-width: 768px) {
  .sticky-cta .btn {
    width: 100%;
  }
}