.promo-card{--card-width:100%;--card-height:100%;height:var(--card-height);line-height:var(--system-lineHeight-tight);padding:var(--system-size-medium);text-align:center;width:var(--card-width)}.promo-card__border{border:var(--system-size-6xSmall) solid var(--system-color-promoCardBorder);border-radius:var(--system-radius-card)}.promo-card__icon svg{--icon-size:var(--system-size-12xLarge);--stroke-width:var(--system-size-6xSmall);height:var(--icon-size);stroke-width:var(--stroke-width);width:var(--icon-size)}.promo-card__icon{--hsl-construct:var(--hue) 100% var(--system-color-cardList-cardIconLightness);--hsl-color:hsl(var(--hsl-construct));color:var(--hsl-color)}.promo-card__title{font-size:var(--system-size-mediumLarge);font-weight:var(--system-fontWeight-semibold)}.promo-card__detail{color:var(--system-color-textPrimaryMuted);margin-block:.5lh}.promo-card__action{align-items:center;color:var(--system-color-linkPrimary);display:flex;font-weight:var(--system-fontWeight-normalBolder);gap:var(--system-size-2xSmall);justify-content:center}.promo-card__action a{color:inherit;display:flex;font-size:inherit;font-weight:inherit;text-decoration:none;text-wrap:nowrap;white-space:nowrap}.promo-card__action svg{block-size:var(--system-size-medium)}@media (width <= 60rem){.promo-card__title{font-size:var(--system-size-medium)}.promo-card__action,.promo-card__detail{font-size:var(--system-size-small)}.promo-card__icon svg{--promo-icon-size:clamp(var(--system-size-7xLarge),25%,var(--system-size-12xLarge));height:var(--promo-icon-size);stroke-width:var(--system-size-8xSmall);width:var(--promo-icon-size)}}