.icon{align-items:center;display:flex;flex-direction:column;justify-content:center}.icon .icon--image{aspect-ratio:var(--ratio-box);border-color:var(--ucla-blue);color:var(--ucla-blue);display:grid;font-size:var(--font-size-10);inline-size:96px;padding-block:var(--size-6);place-content:center}.icon__link{border-block-end:2px solid transparent;color:var(--ucla-blue);font-family:var(--font-heading);font-size:var(--font-size-4);font-weight:var(--font-weight-500);text-align:center}.icon__link:hover{border-block-end:2px solid var(--silver-lake-reservoir);color:var(--silver-lake-reservoir)}.bg-venice-canal .icon__link{color:var(--white)}.bg-venice-canal .icon__link:hover{border-block-end-color:var(--white)}.bg-santa-barbara-sand .icon__link{color:var(--midnight-observatory)}.bg-santa-barbara-sand .icon__link:hover{border-block-end-color:var(--midnight-observatory)}.icon__teaser{font-size:var(--font-size-2);margin-block-start:var(--size-3);max-inline-size:30ch;text-align:center}.bg-venice-canal .icon__teaser{color:var(--white)}.bg-santa-barbara-sand .icon__teaser{color:var(--midnight-observatory)}[class*=radius-] .icon--image{border-width:var(--border-size-3)}.border-ucla-blue .icon--image{border-color:var(--ucla-blue);color:var(--ucla-blue)}.border-midnight-joshua-tree .icon--image{border-color:var(--midnight-joshua-tree);color:var(--midnight-joshua-tree)}.border-silver-lake-reservoir .icon--image{border-color:var(--silver-lake-reservoir);color:var(--silver-lake-reservoir)}.border-southbay-waves .icon--image{border-color:var(--southbay-waves);color:var(--southbay-waves)}.border-venice-canal .icon--image{border-color:var(--venice-canal);color:var(--venice-canal)}.border-midnight-observatory .icon--image{border-color:var(--midnight-observatory);color:var(--midnight-observatory)}.border-malibu-dolphin .icon--image{border-color:var(--malibu-dolphin);color:var(--malibu-dolphin)}.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-venice-canal .icon--image{border-color:var(--white);color:var(--white)}.bg-santa-barbara-sand .icon--image{border-color:var(--midnight-observatory);color:var(--midnight-observatory)}.radius-round .icon--image~.icon__link,.radius-square .icon--image~.icon__link{margin-block-start:var(--size-4)}