.fancy-card{overflow:hidden;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03);transition:all .5s ease;position:relative;width:100%}.fancy-card:hover{transform:translate3D(0,-1px,0) scale(1.03);box-shadow:8px 28px 50px rgba(39,44,49,.07),1px 6px 12px rgba(39,44,49,.04);transition:all .4s ease}.card-image-container{position:relative;overflow:hidden;width:100%}.card-image{display:block;object-fit:cover}.card-image,.image-overlay{width:100%;height:100%;transition:all .3s ease}.image-overlay{position:absolute;top:0;left:0;background-color:rgba(3,42,73,0);display:flex;justify-content:center;align-items:center;opacity:0}.fancy-card:hover .image-overlay{background-color:rgba(0,0,0,.4);opacity:1}.view-course-btn{color:white;background-color:#0b375a;padding:8px 16px;border-radius:4px;font-weight:500;transform:translateY(20px);opacity:0;transition:all .3s ease}.fancy-card:hover .view-course-btn{transform:translateY(0);opacity:1}.card-content{display:flex;flex-direction:column}.card-title{transition:all .3s ease}.fancy-card:hover .card-title{color:#0b375a;text-decoration:underline}.card-footer{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}@media (max-width:640px){.fancy-card{margin-bottom:1rem}.fancy-card:active .image-overlay{background-color:rgba(3,42,73,.3);opacity:1}.fancy-card:active .view-course-btn{transform:translateY(0);opacity:1}.fancy-card:active .card-title{color:#0b375a;text-decoration:underline}}