.sac-card{display:flex;flex-direction:column;gap:2rem;padding:2.8rem;border-radius:2.4rem;width:100%}.sac-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.4rem;border-radius:10rem;border:1px solid rgba(255,255,255,.12);background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:fit-content;font-family:var(--font-body-family);font-weight:500;letter-spacing:.05em}.sac-heading{margin:0;line-height:1.15;width:30%}.sac-description{margin:0;line-height:1.5}.sac-description>*{margin:0}.sac-pills{display:flex;flex-wrap:wrap;gap:.8rem}.sac-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:10rem;border:1px solid rgba(255,255,255,.12);background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--font-body-family);font-weight:400;white-space:nowrap}.sac-pill-icon{display:flex;align-items:center;line-height:1}.sac-score{display:flex;align-items:center;gap:1.6rem;padding:1.4rem 1.6rem;border-radius:1.6rem;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)}.sac-score-circle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:6rem;height:6rem;border-radius:50%;border:2px solid rgb(var(--color-foreground));font-family:var(--font-body-family);font-weight:700;line-height:1}.sac-score-info{display:flex;flex-direction:column;gap:.2rem}.sac-score-label{font-family:var(--font-body-family);font-weight:700;line-height:1.2}.sac-score-sub{font-family:var(--font-body-family);line-height:1.3}.sac-cta{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1.4rem 2rem;border-radius:10rem;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-body-family);font-weight:500;text-decoration:none;letter-spacing:.02em;width:100%;text-align:center}.sac-cta--mobile{display:none}@media screen and (max-width:749px){.sac-cta--desktop{display:none}.sac-cta--mobile{display:flex}}@media screen and (max-width:749px){.sac-card{padding:2rem;gap:1.6rem;border-radius:2rem}.sac-heading{width:100%}.sac-pills{gap:.6rem}.sac-score-circle{width:5rem;height:5rem}}
/*# sourceMappingURL=/cdn/shop/t/195/assets/skin-assessment-card.css.map */