.icon{align-items:center;display:flex;flex-direction:column;justify-content:center}.icon .icon--image{aspect-ratio:var(--ratio-box);border-color:currentColor;color:var(--blue-300);display:grid;font-size:var(--font-size-10);inline-size:var(--size-24);padding-block:var(--size-6);place-content:center}.icon__link{font-family:var(--font-secondary);font-size:var(--font-size-4);text-align:center}.bg-teal-700 .icon__link{color:var(--white)}.icon__teaser{margin-block-start:var(--size-3);max-inline-size:30ch;text-align:center}.bg-teal-700 .icon__teaser{color:var(--white)}.bg-sand-300 .icon__teaser{color:var(--grey-900)}[class*=radius-] .icon--image{border-width:var(--border-size-3)}.border-blue-300 .icon--image{border-color:currentColor;color:var(--blue-300)}.border-blue-700 .icon--image{color:var(--blue-700)}.border-blue-500 .icon--image{color:var(--blue-500)}.border-teal-500 .icon--image{color:var(--teal-500)}.border-teal-700 .icon--image{color:var(--teal-700)}.border-teal-900 .icon--image{color:var(--teal-900)}.border-grey-700 .icon--image{color:var(--grey-700)}.radius-square .icon--image{border-radius:var(--border-size-3);padding-block:0}.radius-round .icon--image{border-radius:var(--radius-round);padding-block:0}.bg-sand-300 .icon--image{color:var(--teal-900)}.bg-teal-700 .icon--image{color:var(--white)}.radius-round .icon--image~.icon__link,.radius-square .icon--image~.icon__link{margin-block-start:var(--size-4)}