/* components/card-article/src/scss/card-article.scss */
.c-card-article {
  border-radius: 2.1875rem;
  padding: 2.8125rem 2.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.trigger-hover:focus a.c-card-article,
.trigger-hover:hover a.c-card-article,
a.c-card-article:hover,
a.c-card-article:focus,
a.c-card-article:active {
  background: var(--iio-base-solicon-blue);
}
.trigger-hover:focus a.c-card-article .c-card-article__title,
.trigger-hover:hover a.c-card-article .c-card-article__title,
a.c-card-article:hover .c-card-article__title,
a.c-card-article:focus .c-card-article__title,
a.c-card-article:active .c-card-article__title {
  color: var(--iio-color-white);
}
.trigger-hover:focus a.c-card-article .c-card-article__arrow,
.trigger-hover:hover a.c-card-article .c-card-article__arrow,
a.c-card-article:hover .c-card-article__arrow,
a.c-card-article:focus .c-card-article__arrow,
a.c-card-article:active .c-card-article__arrow {
  background: var(--iio-base-solicon-blue-dark);
  border-color: var(--iio-base-solicon-blue-dark);
  color: var(--iio-color-white);
}
.trigger-hover:focus a.c-card-article .c-card-article__media,
.trigger-hover:hover a.c-card-article .c-card-article__media,
a.c-card-article:hover .c-card-article__media,
a.c-card-article:focus .c-card-article__media,
a.c-card-article:active .c-card-article__media {
  -webkit-transform: scale(0.99);
  transform: scale(0.99);
}
.trigger-hover:focus a.c-card-article .c-card-article__media img,
.trigger-hover:hover a.c-card-article .c-card-article__media img,
a.c-card-article:hover .c-card-article__media img,
a.c-card-article:focus .c-card-article__media img,
a.c-card-article:active .c-card-article__media img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.c-card-article__tags {
  gap: 0.625rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-card-article__tags .tag {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: var(--iio-base-solicon-light-blue);
}
.c-card-article__title {
  min-height: 9.375rem;
}
.c-card-article__meta {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  color: var(--iio-base-solicon-light-blue);
  gap: 0.3125rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-card-article__arrow {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 100%;
  border: 1px solid var(--iio-color-white);
  margin-left: auto;
}
.c-card-article__arrow .c-icon {
  font-size: 0.625rem;
}
.c-card-article__media {
  -webkit-transition: var(--iio-transition-eased);
  transition: var(--iio-transition-eased);
  overflow: hidden;
  border-radius: 2.1875rem;
}
.c-card-article__media img {
  -webkit-transition: var(--iio-transition-eased);
  transition: var(--iio-transition-eased);
}
/*# sourceMappingURL=card-article.css.map */