.card{background:#d3d3d3;border:2px solid #fff;border-radius:110px;width:50%;height:50px;transition:all 1s ease-in-out;position:relative;overflow:hidden;box-shadow:0 7px 29px #64646f33}.background{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0 0%,#c850c0 46%,#ffcc70 100%);position:absolute;inset:0}.Slogo{color:#fff;letter-spacing:3px;font-size:.8em;font-weight:600;transition:all .6s ease-in-out;position:absolute;bottom:45%;left:7%;transform:translate(50%,50%)}.Slogo .Slogo-svg{fill:#fff;width:30px;height:30px}.icon{width:50px;display:inline-block}.icon svg{fill:#ffffffcb;font-size:50px;transition:all .5s ease-in-out}.box{text-align:right;transform-origin:0 100%;background:#ffffff63;border-top:2px solid #fff;border-right:1px solid #fff;border-radius:10% 13% 42% 0%/10% 12% 75% 0%;padding:20px;transition:all 1s ease-in-out;position:absolute;box-shadow:-7px 7px 29px #64646f5d}.box:before{content:"";border-radius:inherit;opacity:0;transition:all .5s ease-in-out;position:absolute;inset:0}.box:hover svg{fill:#fff}.box1{width:90%;height:90%;bottom:-90%;left:-90%}.box1:before{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#ff53d4 60%,#62c2fe 90%)}.box1:hover:before{opacity:1}.box1:hover .icon svg{filter:drop-shadow(0 0 5px #fff)}.box2{width:70%;height:70%;transition-delay:.2s;bottom:-70%;left:-70%}.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 #fff)}.box3{width:52%;height:52%;transition-delay:.4s;bottom:-52%;left:-52%}.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 #fff)}.box4{width:35%;height:35%;transition-delay:.4s;bottom:-35%;left:-35%}.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 #fff)}.box5{width:10%;height:10%;transition-delay:.6s;bottom:-50%;left:-50%}.card:hover{transform:scale(1.1)}.card:hover .box{bottom:-1px;left:-1px}.card:hover .Slogo{letter-spacing:0;transform:translate(70px,-52px)}