@keyframes skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.skeleton-card__btn, .skeleton-card__bar, .skeleton-card__image {
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s infinite;
  border-radius: 4px;
}

.skeleton-card {
  background: #f6f6f6;
}
.skeleton-card__image {
  width: 100%;
  aspect-ratio: 405/176;
}
.skeleton-card__bar {
  height: 1rem;
  margin-bottom: 0.5rem;
}
.skeleton-card__bar--title {
  height: 1.5rem;
  width: 60%;
  margin-bottom: 0.75rem;
}
.skeleton-card__bar--short {
  width: 75%;
}
.skeleton-card__bar--xs {
  height: 0.75rem;
  width: 40%;
  margin-bottom: 0;
}
.skeleton-card__btn {
  height: 2rem;
  width: 7rem;
  border-radius: 999px;
}