.card{width:100%;min-height:530px;perspective:1000px}.card .card-content{width:100%;height:100%;position:relative;transition:1s;transform-style:preserve-3d}.card:hover .card-content{transform:rotateY(180deg)}.card .card-content .back,.card .card-content .front{backface-visibility:hidden}.card .card-content .back{position:absolute;transform:rotateY(180deg)}.card .card-content .back .row .col:after{position:absolute;content:"";width:1.5px;height:20px;background:#4070f4;top:5px;right:0}.card .card-content .back .row .col:last-child:after{display:none}.card .card-content .back .row .col h2{font-size:20px}.card .card-content .back .row .col p{margin-top:5px}.card .card-content .back .row button{background:#4070f4;color:#fff;border:0;outline:0;padding:8px 25px;border-radius:30px;font-size:14px;margin-right:15px;box-shadow:0 8px 10px rgba(120,0,173,.3);cursor:pointer}.card .card-content .back .row a{width:40px;height:40px;border-radius:50%;box-shadow:0 5px 10px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;margin:0 5px;text-decoration:none}.card .card-content .back .row a i{color:#333}.cardclickable{width:100%;min-height:530px;perspective:1000px}.cardclickable .cardclickable-content{width:100%;height:100%;position:relative;transition:1s;transform-style:preserve-3d}.flipped .cardclickable-content{transform:rotateY(180deg)}.notFlipped .cardclickable-content{transform:rotateY(0deg)}.cardclickable .cardclickable-content .front{backface-visibility:hidden}.cardclickable .cardclickable-content .back{position:absolute;transform:rotateY(180deg);backface-visibility:hidden}.cardclickable .cardclickable-content .back .row .col:after{position:absolute;content:"";width:1.5px;height:20px;background:#4070f4;top:5px;right:0}.cardclickable .cardclickable-content .back .row .col:last-child:after{display:none}.cardclickable .cardclickable-content .back .row .col h2{font-size:20px}.cardclickable .cardclickable-content .back .row .col p{margin-top:5px}.cardclickable .cardclickable-content .back .row button{background:#4070f4;color:#fff;border:0;outline:0;padding:8px 25px;border-radius:30px;font-size:14px;margin-right:15px;box-shadow:0 8px 10px rgba(120,0,173,.3);cursor:pointer}.cardclickable .cardclickable-content .back .row a{width:40px;height:40px;border-radius:50%;box-shadow:0 5px 10px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;margin:0 5px;text-decoration:none}.cardclickable .cardclickable-content .back .row a i{color:#333}