.Course-card-outer{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.course-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-radius:10px}.card-c{z-index:1;padding:10px;width:290px;height:370px;background-image:linear-gradient(135deg,hsla(0,0%,100%,.37),#fff)}.card-c div{margin-top:15px}.card-c{cursor:pointer;transition:.3s ease-in-out;box-shadow:inset 1px 1px 5px 0 rgba(0,0,0,.226),inset 1px 1px 5px -10px rgba(0,0,0,.253)}.course-card:before{content:"";position:absolute;width:100%;background-image:linear-gradient(180deg,#0400ff,#ff3030);height:120%;animation:rotBGimg 6s linear infinite;transition:all .2s linear}@keyframes rotBGimg{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.course-card:after{content:"";position:absolute;background:#fff;inset:5px;border-radius:0}.course-tit{color:rgba(0,0,0,.842)}.course-des,.course-qt,.course-time{padding:10px;font-size:.9rem;font-family:poppins}.course-rgt{text-align:center}.course-rgt button{padding:1em 2em;border:none;background:none;border-radius:5px;font-weight:700;letter-spacing:5px;text-transform:uppercase;cursor:pointer;color:var(--primary-button-color);transition:all 1s;font-size:15px;position:relative;overflow:hidden;outline:2px solid var(--primary-button-color)}.course-rgt button:hover{color:#fff;transform:scale(1.1);outline:2px solid var(--primary-button-hover-outline);box-shadow:4px 5px 17px -4px var(--primary-button-box-shadow)}.course-rgt button:before{content:"";position:absolute;left:-50px;top:0;width:0;height:100%;background-color:var(--primary-button-color);transform:skewX(45deg);z-index:-1;transition:width 1s}.course-rgt button:hover:before{width:250%}