.restaurant-card {
  transition: transform .12s ease, box-shadow .12s ease;
}

.restaurant-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.12);
}

.best-seller .price {
  font-weight: 600;
  white-space: nowrap;
}

mark {
  padding: .1rem .25rem;
  border-radius: .25rem;
}

.hero {
  background: linear-gradient(180deg, rgba(33,37,41,.85), rgba(33,37,41,.55)), url("https://picsum.photos/seed/texoma-lake/1600/500") center/cover no-repeat;
  color: #fff;
}