.recipe-list .recipe-visual {
  overflow: hidden;
  background-image: url('assets/images/recipe-collection.webp');
  background-size: 300% auto;
  background-repeat: no-repeat;
  background-color: #e8eee2;
  font-size: 0;
}

.recipe-list .bowl { background-position: 100% 100%; }
.recipe-list .pasta { background-position: 50% 0; }
.recipe-list .smoothie { background-position: 100% 0; }

.recipe-list a.recipe-list-cta {
  width: auto;
  min-height: 42px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  color: #fff;
  background: #101313;
  box-shadow: 3px 3px 0 #40c94c;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.recipe-list a.recipe-list-cta span { color: #40c94c; font-size: 17px; }
.recipe-list a.recipe-list-cta:hover { background: #40c94c; color: #101313; border: 0; }
.recipe-list a.recipe-list-cta:hover span { color: #101313; }

@media (max-width: 760px) {
  .recipe-list a.recipe-list-cta { width: auto; padding: 0 10px; font-size: 10px; }
}