.treatment-category-card {
  box-shadow: 0 0 12px rgba(85, 45, 11, 0.12);
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .treatment-category-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 18px rgba(85, 45, 11, 0.22);
  }

  .treatment-category-card:hover .treatment-category-card__button {
    background-color: var(--color-squeeze-light-green);
  }
}

.treatment-category-card__overlay {
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.75) 0%,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.1) 100%
  );
}