.card-featured-content {
  border-radius: 2px;
  border: 1px solid var(--Color-Border);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2px);
  color: var(--Color-Text-Light-Emphasis);
  transition: var(--Transition-Base);
  position: relative;
  display: flex;
  width: 306px;
  padding: var(--Spacing-06);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-03);
}
@media (min-width: 960px) {
  .card-featured-content {
    width: auto;
    max-width: 306px;
    flex: 1 1 0;
  }
}
.card-featured-content:focus-within, .card-featured-content:hover, .card-featured-content:focus {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  text-decoration: underline;
  text-underline-offset: 3px;
  color: var(--Color-Text);
}
.card-featured-content:focus-within .icon, .card-featured-content:hover .icon, .card-featured-content:focus .icon {
  fill: var(--Color-Text);
}
.card-featured-content:focus-within {
  border-color: var(--Color-Primary);
}
.card-featured-content .icon {
  fill: var(--Color-Text-Light-Emphasis);
  width: 48px;
  height: 48px;
}
.card-featured-content__link {
  color: inherit;
  font-size: var(--Font-Size-XL);
  font-weight: 500;
  line-height: 125%;
  letter-spacing: 0.28px;
  text-decoration: none;
}
.card-featured-content__link:focus {
  outline: none;
}
.card-featured-content__link:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*# sourceMappingURL=card-featured-content.css.map */