#vans #shortcuts ul{display:grid;gap:50px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin-bottom:5em}#vans #shortcuts ul a{background-color:#fff;border:1px solid var(--wb-grey-70);color:#000;display:block;height:100%;padding:24px 32px 24px 16px;position:relative;transition:background-color .2s}#vans #shortcuts ul a .content{display:flex;transition:transform .2s}#vans #shortcuts ul a .content picture.icon{flex-shrink:0;height:24px;margin-right:16px;opacity:1;transition:all .2s;width:24px}#vans #shortcuts ul a .content picture.icon img{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;transition:.3s;width:100%}#vans #shortcuts ul a .content h4{color:var(--wb-grey-20);font-size:18px;margin-bottom:.1em}#vans #shortcuts ul a .content p{color:var(--wb-grey-45);font-size:16px}#vans #shortcuts ul a picture.arrow{height:16px;margin-right:0;opacity:0;position:absolute;right:20px;top:50%;transform:translate(-16px,-50%);transition:all .2s;width:16px}#vans #shortcuts ul a picture.arrow img{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;transition:.3s;width:100%}#vans #shortcuts ul a:hover{background-color:var(--wb-grey-90)}#vans #shortcuts ul a:hover .content{transform:translate(-24px)}#vans #shortcuts ul a:hover .content picture.icon{opacity:0;transform:translate(16px)}#vans #shortcuts ul a:hover picture.arrow{opacity:1;transform:translateY(-50%)}@media screen and (max-width:768px){#vans #shortcuts ul{gap:20px;grid-auto-flow:row;grid-template-columns:repeat(1,1fr)}}
