.class-card{border:1px solid rgba(0,0,0,.2);border-radius:8px;position:relative}.class-card .class-card-img{cursor:pointer;width:100%;position:relative}.class-card .class-card-img .default-image{border-radius:7px 7px 0 0}.class-card .class-card-img .default-image img{width:45px}.class-card .class-card-img img{width:100%;border-top-left-radius:8px;border-top-right-radius:8px;object-fit:cover}.class-card .class-card-img .edit-icon{background:#fff;border-radius:50%;color:#1d4354;cursor:pointer;display:flex;font-size:16px;justify-content:center;align-items:center;right:15px;top:15px;position:absolute;visibility:hidden;opacity:0;padding:7px;border:1px solid #e5e7eb;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .3s ease;transform:scaleY(1)}.class-card .class-card-img .edit-icon svg{width:24px;height:24px;color:rgba(0,0,0,.6)}.class-card:hover .class-card-img .edit-icon{visibility:visible;opacity:1}.class-card .class-card-content{padding:15px}.class-card .class-card-content h4{font-size:18px;font-weight:500;color:#454545;margin:0;padding:0}.class-card .class-card-content p{color:rgba(0,0,0,.6);font-size:14px}.class-card .class-card-content .class-card-footer .class-card-footer-left span{cursor:pointer;display:flex;gap:8px;align-items:center;color:#454545;font-size:16px}.class-card .class-card-content .class-card-footer .class-card-footer-left span svg{width:20px;height:20px}.class-card .class-card-content .class-card-footer .class-card-footer-left:hover span{color:#f2f7f2}.class-card .class-card-content .class-card-footer .class-card-footer-right .price{font-size:16px}.class-card .class-card-content .class-card-footer .class-card-footer-right .original-price{color:#454545;font-size:14px}