.icon{--background:transparent;background-color:var(--background);align-items:center;gap:var(--size-4);text-align:center;flex-direction:column;justify-content:center;max-inline-size:20rem;margin-inline:auto;display:flex}.icon .icon--image{color:var(--blue-700);font-size:var(--font-size-8)}:where([class*=bg-blue-]:not(.bg-blue-100)) .icon .icon--image{color:var(--white)}:where([class*=bg-blue-]:not(.bg-blue-100)) .icon{--theme-body-text-color:var(--white);color:var(--theme-body-text-color)}.icon .link{font-family:var(--font-secondary);font-size:var(--font-size-5);text-align:center}:where([class*=bg-blue-]:not(.bg-blue-100)) .icon .link{--theme-link-color:var(--white);--theme-link-color-hover:var(--white);color:var(--theme-link-color)}