.card{position:relative;width:50%;height:50px;background:lightgrey;border-radius:110px;overflow:hidden;box-shadow:0 7px 29px 0 rgba(100,100,111,.2);transition:all 1s ease-in-out;border:2px solid rgb(255,255,255)}.background{position:absolute;inset:0;background-color:#4158D0;background-image:linear-gradient(43deg,#4158D0,#C850C0 46%,#FFCC70)}.Slogo{position:absolute;bottom:45%;left:7%;transform:translate(50%,50%);transition:all .6s ease-in-out;font-size:.8em;font-weight:600;color:#ffffff;letter-spacing:3px}.Slogo .Slogo-svg{fill:white;width:30px;height:30px}.icon{display:inline-block;width:50px}.icon svg{fill:rgba(255,255,255,.797);font-size:50px;transition:all .5s ease-in-out}.box{padding:20px;text-align:right;background:rgba(255,255,255,.389);border-top:2px solid rgb(255,255,255);border-right:1px solid white;border-radius:10% 13% 42% 0/10% 12% 75% 0;box-shadow:-7px 7px 29px 0 rgba(100,100,111,.364);transform-origin:bottom left;transition:all 1s ease-in-out}.box,.box:before{position:absolute}.box:before{content:"";inset:0;border-radius:inherit;opacity:0;transition:all .5s ease-in-out}.box:hover svg{fill:white}.box1{width:90%;height:90%;bottom:-90%;left:-90%}.box1:before{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#ff53d4 60%,#62c2fe 90%)}.box1:hover:before{opacity:1}.box1:hover .icon svg{filter:drop-shadow(0 0 5px white)}.box2{width:70%;height:70%;bottom:-70%;left:-70%;transition-delay:.2s}.box2:before{background:radial-gradient(circle at 30% 107%,#91e9ff 0,#00ACEE 90%)}.box2:hover:before{opacity:1}.box2:hover .icon svg{filter:drop-shadow(0 0 5px white)}.box3{width:52%;height:52%;bottom:-52%;left:-52%;transition-delay:.4s}.box3:before{background:radial-gradient(circle at 30% 107%,#969fff 0,#b349ff 90%)}.box3:hover:before{opacity:1}.box3:hover .icon svg{filter:drop-shadow(0 0 5px white)}.box4{width:35%;height:35%;bottom:-35%;left:-35%;transition-delay:.4s}.box4:before{background:radial-gradient(circle at 30% 107%,#969fff 0,#b349ff 90%)}.box4:hover:before{opacity:1}.box4:hover .icon svg{filter:drop-shadow(0 0 5px white)}.box5{width:10%;height:10%;bottom:-50%;left:-50%;transition-delay:.6s}.card:hover{transform:scale(1.1)}.card:hover .box{bottom:-1px;left:-1px}.card:hover .Slogo{transform:translate(70px,-52px);letter-spacing:0}