.price-grid article {
  overflow: hidden;
  cursor: pointer;
  transition: transform .25s, box-shadow .25s, background .25s, color .25s;
}

.price-grid article:hover,
.price-grid article:focus-within {
  transform: translateY(-8px);
  border-color: transparent;
  background: linear-gradient(145deg, #3448bf, #7250ca);
  color: #fff;
  box-shadow: 0 24px 55px rgba(52, 72, 191, .28);
}

.price-grid article:hover p,
.price-grid article:focus-within p {
  color: #e1e5ff;
}

.price-grid article:hover .price-icon,
.price-grid article:focus-within .price-icon {
  color: #fff;
  background: rgba(255, 255, 255, .16);
}

.price-grid article:hover .card-link,
.price-grid article:focus-within .card-link,
.price-grid article:hover .tag,
.price-grid article:focus-within .tag {
  color: #fff;
}

.price-grid .card-hit {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: block;
  margin: 0;
  border-radius: inherit;
}

.price-grid .card-hit:focus-visible {
  outline: 3px solid var(--warm);
  outline-offset: -6px;
}
.price-grid article.is-unavailable{cursor:not-allowed;opacity:.72;background:#fffafa}.price-grid article.is-unavailable:hover{transform:none;box-shadow:none;border-color:var(--line)}.price-grid .unavailable-price{color:#c63e4f;font-weight:800;font-size:1.05rem}

.card-link {
  display: block;
  margin-top: 28px;
  color: var(--blue);
  font-weight: 800;
  transition: color .25s;
}