:root{--icons-color:#c81e1e;--icons-icon-size:80px}.icons{container:icons/inline-size}.icons__list{display:grid;gap:40px 20px;grid-template-columns:1fr;grid-template-rows:auto}.icons__item{display:grid;gap:20px;grid-template-areas:"icon" "content" "readmore";grid-template-columns:subgrid;grid-template-rows:var(--icons-icon-size) 1fr;position:relative}.icons__item:hover{--button-background:#000;--button-border:#000;--link-icon:#c81e1e}.icons__item:hover .link__icon{translate:-10px}.icons__icon{color:var(--icons-color);grid-area:icon;height:var(--icons-icon-size);width:var(--icons-icon-size)}.icons__content{grid-area:content}.icons__title{font-size:var(--heading-2-font-size)}.icons__readmore{grid-area:readmore;margin:0;width:-moz-fit-content;width:fit-content}.icons__link{height:100%;left:0;position:absolute;top:0;width:100%}.icons__link:focus-visible,.icons__link:hover{outline-offset:6px}.icons__link span{clip-path:inset(1px 1px 1px 1px);height:1px;overflow:hidden;position:absolute;width:1px}@container icons (min-width: 375px){.icons--inline .icons__title{font-size:var(--heading-4-font-size);margin-top:8px}.icons--inline .icons__item{--icons-icon-size:60px;gap:8px 20px;grid-template-areas:"icon content" "icon readmore";grid-template-columns:var(--icons-icon-size) 1fr;grid-template-rows:auto}}@container icons (min-width: 450px){.icons__list{gap:60px 40px}.icons__list--25,.icons__list--33,.icons__list--50{grid-template-columns:repeat(2,1fr)}.icons__item{grid-row:span 3;grid-template-rows:subgrid}}@container icons (min-width: 750px){.icons__list{gap:60px}.icons__list--25,.icons__list--33{gap:60px 30px;grid-template-columns:repeat(3,1fr)}}@container icons (min-width: 1050px){.icons__list{gap:60px}.icons__list--25{grid-template-columns:repeat(4,1fr)}}