.iconlist{display:grid;flex-wrap:wrap;font-size:0.9375rem;gap:clamp(1.25rem, 2.75vw + 0.7rem, 4rem) clamp(0.625rem, 3.125vw + 0rem, 3.75rem);list-style:none;margin:0;padding:0}@media(max-width: 77.99em){.iconlist{grid-template-columns:repeat(auto-fit, minmax(8.4375rem, 1fr))}}@media(min-width: 78em){.iconlist{grid-template-columns:1fr 1fr 1fr 1fr}}.iconlist__item{align-items:center;display:flex;flex-direction:column;gap:1.375rem;position:relative;text-align:center}.iconlist__item:has(:link):hover,.iconlist__item:focus-within{--icon-circle-background-color: rgba(97, 126, 17, 0.6)}.iconlist__circle{align-items:center;aspect-ratio:1;background-color:var(--icon-circle-background-color, rgba(221, 237, 125, 0.6));border-radius:50%;display:flex;height:6.875rem;justify-content:center;transition:background-color .3s ease-out;width:6.875rem}.iconlist__link,.iconlist__link:link,.iconlist__link:visited{color:var(--color-text);text-decoration:none}.iconlist__link::before{content:"";display:block;inset:0;position:absolute}@media(max-width: 77.99em){.iconlist__link::after{-webkit-mask:url("../../../Icons/arrow.svg") no-repeat center center;mask:url("../../../Icons/arrow.svg") no-repeat center center;-webkit-mask-size:contain;mask-size:contain;background-color:currentColor;content:"";display:inline-block;height:1.5ex;margin-left:.4em;rotate:-90deg;translate:0 .2ex;width:1ex}}
