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

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

-------------------------------- */
.card-v14 {
  display: flex;
  flex-direction: column;
  background-color: var(--color-bg-light);
  box-shadow: var(--inner-glow), var(--shadow-ring, 0 0 0 1px hsla(0deg, 0%, 0%, 0.05)), var(--shadow-sm);
  border-radius: var(--radius-md);
  padding: var(--space-sm);
  color: inherit;
  text-decoration: none;
  transition: 0.3s;
}
.card-v14:hover {
  background-color: var(--color-bg-lighter);
  box-shadow: var(--inner-glow), var(--shadow-ring, 0 0 0 1px hsla(0deg, 0%, 0%, 0.05)), var(--shadow-md);
}

.card-v14__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);
  margin-bottom: var(--space-sm);
}

.card-v14__icon {
  --size: 24px;
  color: var(--color-accent);
}