.discount-card-list {
  grid-template-columns: repeat(var(--mobile-grid-columns), 1fr);
}
.discount-card {
  transition: all 0.3s ease;
}
.discount-card.active {
  border-color: var(--active-card-bg-color);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.discount-card-list:hover .discount-card.active {
  border-color: rgb(240 240 240);
  box-shadow: none;
}
.discount-card-list .discount-card:hover,
.discount-card-list .discount-card.active:hover {
  border-color: var(--active-card-bg-color);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.discount-card-badge {
  background-color: var(--discount-card-badge-bg-color);
}
@media screen and (min-width: 960px) {
  .discount-card-list {
    grid-template-columns: repeat(var(--desk-grid-columns), 1fr);
  }

  .discount-card-badge {
    left: unset;
    translate: 0 0;
  }
}
.discount-card-inner__code {
  /* background-color: #3ebd9e;  */
  background-color: var(--coupon-bg);
  border-color: var(--coupon-border);
}
.discount-card-inner__code .discount-card-inner__code-copy {
  color: black;
}
.discount-card .discount-card-inner__code-desk-copy.copied {
  background-color: #06a77d;
  color: #fff;
  border-color: #06a77d;
}
a.discount-card-inner__button {
  border-radius: 6px;
  background-color: var(--shop-now-bg);
}