.ritual-card {
  border: 1px solid rgba(48, 48, 106, .16);
  transition: transform .25s ease, border-color .25s ease;
}
.ritual-card:hover {
  transform: translateY(-5px);
  border-color: rgba(48, 48, 106, .35);
}
.ritual-card.energy { background: linear-gradient(145deg, #d5cbf9 0%, #f6bfd1 100%); }
.ritual-card.hydration { background: linear-gradient(145deg, #bfe0dc 0%, #edf6f5 100%); }
.ritual-card.balance { background: linear-gradient(145deg, #f6bfd1 0%, #f4a077 100%); }
.ritual-card.rest { background: linear-gradient(145deg, #30306a 0%, #4f368d 100%); color: #fff; }
.ritual-card > span {
  max-width: 235px;
  line-height: 1.55;
}
.ritual-card > a { margin-top: auto; }
.ritual-card.rest::after { background: rgba(246, 191, 209, .16); }
@media (max-width:800px) {
  .ritual-card > span { max-width: 260px; }
}