.card:before{content:"";height:100%;width:100%;background-color:rgba(31,39,50,.55);border-radius:10px;position:absolute;left:0;top:0;transition:.3s;z-index:1}.card:hover{background-image:unset!important;background-color:#fff!important}.card:hover:before{opacity:0}.card:hover .icon{background-color:#1f2732;color:#fff}.card .card-content{transform:translateY(60px);transition-duration:.6s;opacity:0;transition:.6s}.card:hover .card-content{transform:translateY(0);opacity:1}span.icon{margin:-40px 0 30px;font-size:36px;background-color:#2563eb;color:#fff;display:inline-block;transition:.5s;height:75px;width:75px;position:relative;z-index:3;text-align:center;line-height:75px;border-radius:50%;display:flex;justify-content:center;align-items:center}span.icon img{width:40px;vertical-align:middle}.card{transition:.5s;padding:0 45px 40px;color:inherit;z-index:1;margin-top:40px;display:inline-block;width:100%;min-height:400px;border-radius:10px}