.course-card{z-index:0;border-radius:10px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.course-card:hover{background:#f9f58b;transform:translateY(-5px);box-shadow:0 12px 24px #00000026}.course-card:hover .circle{opacity:.68;background:#fff}.circle{opacity:.35;z-index:0;background:#fdf001;border-radius:50%;width:100%;height:80%;position:absolute;top:10%;left:-50%}.course-image{z-index:1;border-radius:5%}.card-body{z-index:1;position:relative}.btn-cat{border-radius:20px}.view-details-btn{letter-spacing:.5px;padding:10px 20px;font-weight:600;transition:all .3s;background:#2c2c2c!important;border:2px solid #2c2c2c!important}.course-card:hover .view-details-btn{transform:translateY(-2px);box-shadow:0 4px 8px #0003;background:#000!important}