.card{padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 0 .5px #313233;cursor:pointer;text-decoration:none;color:inherit;transition:outline .3s ease-in-out;height:100%;width:100%}.card:hover{outline:1px solid #fff;z-index:1}.card:hover .card-img-container .card-img{filter:none}.card:hover .card-img-container:after{opacity:0}.card:hover .link-arrow{stroke:#b398ff}.card .link-arrow{margin-left:8px;stroke:#6e6e6e;transition:color .3s ease-in-out}.card .card-img-container{position:relative;width:100%;height:160px;overflow:hidden}.card .card-img-container .card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(100%);transition:filter .3s ease-in-out}.card .card-img-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent,#000 95%);transition:opacity .3s ease-in-out;opacity:1}