/* Buttons */
.button {
  display: inline-block;
  padding: 0.9rem 1.75rem;
  border-radius: 999px;
  text-decoration: none;
  font-size: 1rem;
  min-width: 200px;
  text-align: center;
}

.button.primary {
  background: var(--accent);
  color: white;
}

.button:hover {
  background-color: var(--primary-hover);
  border: 1px solid var(--accent);
 }

.button.primary:active {
  background-color: var(--primary-active);
  transform: translateY(1px);
}

.button.secondary {
  background: transparent;
  border: 2px solid var(--accent);
  color: var(--accent);
}

.course-cta {
    margin-top: 3rem;
  }

/* Mobile only: Center button in course cards */
@media (max-width: 767px) {
  .course-cta {
    text-align: center;
    margin-top: 3rem;
  }
}