:root {
  --button-color: #182D4D; }

.article-product-card {
  background-color: #F4F5F6;
  padding: 24px;
  width: unset;
  max-width: 253px; }
  .article-product-card__name {
    color: #0C2340;
    text-align: center;
    font-family: "Klavika-Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .article-product-card__image {
    max-height: 170px;
    width: auto !important; }
  .article-product-card a.article-product-card__button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-family: "Klavika-Regular";
    background-color: #182D4D;
    width: 100%;
    text-align: center;
    border-radius: 0 12px;
    padding: 8px 12px; }
    .article-product-card a.article-product-card__button svg path {
      fill: #63D0E3; }

html:is([lang="cs"], [lang="el"], [lang="lv"], [lang="ro"], [lang="sl"], [lang="tr"], [lang="uk"]) .experience-component .article-product-card {
  background-color: var(--background-color); }
  html:is([lang="cs"], [lang="el"], [lang="lv"], [lang="ro"], [lang="sl"], [lang="tr"], [lang="uk"]) .experience-component .article-product-card__name {
    font-family: "Roboto-Regular" !important; }
  html:is([lang="cs"], [lang="el"], [lang="lv"], [lang="ro"], [lang="sl"], [lang="tr"], [lang="uk"]) .experience-component .article-product-card a.article-product-card__button {
    font-family: "Roboto-Regular" !important; }

/*# sourceMappingURL=articleProductCard.css.map*/