.card-wrapper{max-width:600px;flex:1 1 400px;margin:0 auto}.card-title{color:#262626;font-size:32px;line-height:normal;font-weight:700;margin-bottom:.5em;transition:.8s}.small-desc{font-weight:400;line-height:1.5em;color:#452c2c;font-size:.7em;transition:.8s}.go-corner{display:flex;align-items:center;justify-content:center;position:absolute;width:2em;height:2em;overflow:hidden;top:0;right:0;background:linear-gradient(135deg,#6293c8,#384c6c);border-radius:0 4px 0 32px}.go-arrow{margin-top:-4px;margin-right:-4px;color:white;font-family:courier,sans}.card{display:block;position:relative;width:100%;height:350px;background-color:#f2f8f9;border-radius:10px;padding:2em 1.2em;margin:12px;text-decoration:none;z-index:0;overflow:hidden;background:linear-gradient(180deg,#c3e6ec,#a7d1d9);font-family:Arial,Helvetica,sans-serif}.card:before{content:"";position:absolute;z-index:-1;top:-16px;right:-16px;background:linear-gradient(135deg,#364a60,#384c6c);height:32px;width:32px;border-radius:32px;transform:scale(1);transform-origin:50% 50%;transition:transform .9s ease-out}.card:hover:before{transform:scale(50);transition:.8s}.card:hover .small-desc{transition:all .8s ease-out;color:rgba(255,255,255,.8)}.card:hover .card-title{transition:all .8s ease-out;color:#ffffff}#carousel{position:relative;z-index:-1;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.2);background-color:rgba(0,0,0,.7);z-index:0}}