.product-card {
  padding: 6px 8px;
  border: var(--border-blue-5);
  transition: color var(--transition), background-color var(--transition);
}
@media (hover: hover) {
  .product-card:hover {
    color: var(--color-white-2);
    background-color: var(--color-blue-2);
  }
  .product-card:hover .product-card__logo {
    border-color: var(--color-blue-6);
  }
  .product-card:hover .product-card__logo path {
    fill: var(--color-white) !important;
  }
}
.product-card__logo {
  width: 100%;
  height: auto;
  max-height: 116px;
  object-fit: contain;
  border-bottom: var(--border-blue-5);
  transition: border-color var(--transition);
}
@media screen and (max-width: 900px) {
  .product-card__logo {
    height: 96px;
  }
}
.product-card__logo path {
  transition: fill var(--transition);
}
.product-card__text {
  padding: 12px 24px;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .product-card__text {
    padding-inline: 16px;
  }
}