/* compiled by scssphp 1.6.0 on Thu, 23 Oct 2025 06:46:04 +0000 (0.0221s) */

.card.--tile {
  border-radius: 0;
  background: none;
  color: var(--color-white);
  box-shadow: none;
  grid-column: span 12;
}
@media (min-width: 48rem) {
  .card.--tile {
    grid-column: span 6;
  }
}
.card.--tile .card__link {
  width: 100%;
  padding-block-end: 0;
  gap: 0;
  display: flex;
  flex-direction: column;
}
.card.--tile .card__image {
  width: 100%;
  max-height: none;
  aspect-ratio: 1.8333333333;
}
.card.--tile .card__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  border: solid 0.0625rem var(--color-grey-2);
  border-block-start: 0 none;
  padding: 0.9375rem 1.25rem;
}
.card.--tile .card__title {
  width: auto;
  padding-inline: 0;
  font-size: 1rem;
  font-weight: var(--font-weight--bold);
  letter-spacing: 0.08rem;
  text-transform: uppercase;
}
.card.--tile .button {
  margin-inline: 0;
  width: auto;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Flangman%2Fdomains%2Flangman.draad.dev%2Fpublic_html%2Fwp-content%2Fthemes%2Flangman%2Fsass%2Fcards%2Fcard-tile.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUJ%3BAAAA%3BAAAA%3BAAAA%22%7D */