/* -------------------------------- 

File#: _1_card-v8
Title: Card v8
Descr: Container of information used as teaser for further content exploration
Usage: codyhouse.co/license

-------------------------------- */
.card-v8 {
  display: block;
  overflow: hidden;
  text-decoration: none;
  transition: 0.2s;
  border: 1px solid;
}
.card-v8 img {
  display: block;
  width: 100%;
}
.card-v8:hover {
  background-color: var(--color-bg-light);
  box-shadow: var(--shadow-md);
}
.card-v8:hover .card-v8__title {
  background-size: 100% 100%;
}

.card-v8__title {
  background-repeat: no-repeat;
  will-change: background-size;
  transition: background-size 0.3s var(--ease-in-out);
  text-decoration: none;
  background-image: linear-gradient(transparent 50%, hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2) 50%);
  background-size: 0% 100%;
  font-weight: bold;
  color: var(--color-accent-dark);
}