.card-white:after{background:linear-gradient(0deg,hsla(0,0%,100%,.7) 0,hsla(0,0%,100%,.7) 100%),var(--color,#000);content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}.card-white:hover:after{opacity:1}.card-white:hover .link-card-white{color:#f6c345}.card-black:after{background:linear-gradient(0deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.17) 100%),var(--color,#000);content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}.card-black:hover:after{opacity:1}.card-black:hover .link-card-white{color:#f6c345}