.mycard{--bs-card-inner-border-radius:0!important;border-radius:0!important;transition:background-color .3s ease,transform .3s ease}.mycard:hover,.mycard:hover .card-footer,.mycard:hover .card-header{background-color:#f8f9fa;cursor:pointer}.image-container{position:relative;overflow:hidden}.image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,215,0,.3) 0,rgba(255,215,0,.2) 30%,rgba(255,215,0,.1) 60%,rgba(255,215,0,0));opacity:0;transition:opacity .3s ease}.mycard:hover .image-container:after{opacity:1}.icon-container{position:relative;display:inline-block;cursor:pointer;padding:5px}.icon-container i{font-size:24px;color:#ff0000;transition:transform .3s ease-in-out,color .3s ease-in-out;display:inline-block}.icon-container .hover-line{position:absolute;bottom:23px;left:120%;transform:translateX(-50%) scaleX(0);width:100px;height:2px;background-color:#ff0000;border-radius:2px;transition:transform .3s ease-in-out,background-color .3s ease-in-out}.mycard:hover .icon-container i{color:#ff0000;transform:translateX(88px)}.mycard:hover .icon-container .hover-line{transform:translateX(-50%) scaleX(1);background-color:#ff0000}