#tool__list .tools__wrapper{display:grid;gap:2rem;grid-template-columns:1fr}@media screen and (min-width: 600px){#tool__list .tools__wrapper{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 900px){#tool__list .tools__wrapper{grid-template-columns:repeat(3,1fr)}}#tool__list .tool__item>a{display:grid;grid-template-columns:4rem auto;grid-template-rows:auto;align-items:center;column-gap:.5em;padding:1rem;background-color:rgb(var(--clr-white));border:2px solid rgb(var(--clr-border-grey));border-radius:var(--border-radius);height:100%;transition:var(--transition-default)}#tool__list .tool__item>a>p,#tool__list .tool__item>a>span{grid-column:span 2}@media screen and (min-width: 600px){#tool__list .tool__item>a>p,#tool__list .tool__item>a>span{grid-column:2/3}}#tool__list .tool__item>a .title{font-size:1.375rem}#tool__list .tool__item>a span{justify-self:end;color:rgb(var(--clr-text));font-size:1.5em}#tool__list .tool__item>a>p{color:rgb(var(--clr-text));margin-top:.5em}@media screen and (min-width: 600px){#tool__list .tool__item>a:hover,#tool__list .tool__item>a:focus,#tool__list .tool__item>a:focus-visible{background-color:rgb(var(--clr-grey-light));border-color:rgba(var(--clr-primary),.3)}}