.class-content-card{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.5);box-shadow:0 2px 6px 0 rgba(0,0,0,.5);position:relative;width:220px;-webkit-box-shadow:none;box-shadow:none}.class-content-card:hover>.class-content-image>.circle:before{opacity:1}.class-content-card a,.class-content-card a:active,.class-content-card a:focus,.class-content-card a:hover{color:#313131}@media (max-width:800px){.class-content-card{width:100%}}.class-content-card>.delete{color:#000;margin-left:13px;top:13px;position:absolute;z-index:9}.class-content-card>.class-content-image{width:100%;height:154px;background-color:#313131;position:relative;border-top-left-radius:inherit;border-top-right-radius:inherit}.class-content-card>.class-content-image>.circle{width:80px;height:80px;border-radius:100%;background:#000;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.class-content-card>.class-content-image>.circle>.icon.-text-button{position:absolute;z-index:10}.class-content-card>.class-content-image>.circle:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(135deg,#3dd9fa,#5777e5);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:0;border-radius:inherit}.class-content-card>.class-content-description{height:130px;position:relative;padding:35px 12px 12px 12px;background:#ededed;border-radius:inherit}.class-content-card>.class-content-description>.title{font-size:16px;line-height:19px;text-transform:uppercase}.class-content-card>.class-content-description>p.-text-light{font-size:14px;line-height:17px;color:#999;margin-top:6px}.class-content-card>.class-content-description>p.-text-bold{font-size:12px;position:absolute;bottom:12px;text-transform:uppercase}.class-content-card.-gradient>.download-icon-container{background:linear-gradient(135deg,#3dd9fa,#5777e5)}.class-content-card>.download-icon-container{width:56px;height:100%;background:#333;position:absolute;top:0;right:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.class-content-card>.download-icon-container>.-download-icon{position:absolute;top:50%;right:50%;-webkit-transform:translateX(50%) translateY(-50%);transform:translateX(50%) translateY(-50%)}.class-container{margin:20px 0 0}.class-container>*{margin:0 10px 10px 0}.btn-add-class-content{width:150px;height:48px;background-color:#ccc;color:#fff;font-size:15px;border-radius:4px;font-weight:700;cursor:pointer;margin-left:77%}