.color-box__grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.color-box__item{border-radius:10px;box-shadow:0 10px 20px rgba(99,99,199,.2);display:flex;flex-direction:column;position:relative}.color-box__item .item__heading{margin-bottom:1rem}.color-box__item .item__body{flex:1;margin-bottom:1rem}.color-box__item .item__footer{width:100%}.color-box__item .item__footer a{align-items:center;color:var(--text-color);display:flex;font-size:20px;font-weight:var(--semi-bold);justify-content:space-between;width:100%}.color-box__item .item__footer a span{margin-right:.5rem}.color-box__item svg{bottom:45px;left:25px;position:absolute;transition:left .3s ease-out}.color-box__item .item__footer a:after{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}@media screen and (max-width:767px){.color-box__item svg{left:85%}}@media (hover:hover){.color-box__item:hover{box-shadow:0 10px 15px rgba(99,99,199,.2)}.color-box__item .item__footer span{opacity:0;transition:opacity .3s ease-in-out}.color-box__item:hover .item__footer span{opacity:1}.color-box__item:hover svg{left:85%}}