/* Typography */
.section-heading {
  font-size: var(--fs-h1);
  font-weight: var(--weight-bolder);
  text-transform: uppercase;
  text-align: center;
}

.section-subtitle {
  font-size: var(--fs-body-tiny);
  color: var(--color-green-800);
  line-height: 1.25;
  margin-top: 6px;
  text-align: center;
  margin-inline: auto;
}

/* Reused Styles */

.card-hover {
  transition: box-shadow 0.2s ease;
  cursor: pointer;
}

.card-hover:hover {
  box-shadow:
    0 0 0.5rem rgba(255, 255, 255, 0.3),
    0 0 1.5rem rgba(255, 255, 255, 0.2);
}

.icon {
  fill: none;
}