.card{position:relative;width:200px;height:200px;background:#f5f5f5;border-radius:30px;overflow:hidden;box-shadow:0 7px 29px 0 rgba(100,100,111,.2);transition:all 1s ease-in-out}.background{position:absolute;inset:0;background:radial-gradient(circle at 100% 107%,#EA4959 0,#C4203C 60%,#ffffff20 100%)}.logo{position:absolute;right:50%;bottom:50%;transform:translate(50%,50%);transition:all .6s ease-in-out}.logo img{width:40px;height:40px;object-fit:cover;border-radius:50%;border:2px solid white}.icon{display:inline-block;width:20px;height:20px}.icon .svg{fill:rgba(255,255,255,.8);width:100%;transition:all .5s ease-in-out}.box{padding:10px;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,.3);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:70%;height:70%;bottom:-70%;left:-70%}.box1:before{background:radial-gradient(circle at 30% 107%,#fce7e9 0,#EA4959 60%,#C4203C 90%)}.box1:hover:before{opacity:1}.box1:hover .icon .svg{filter:drop-shadow(0 0 5px white)}.box2{width:50%;height:50%;bottom:-50%;left:-50%;transition-delay:.2s}.box2:before{background:radial-gradient(circle at 30% 107%,#f8caca 0,#EA4959 90%)}.box2:hover:before{opacity:1}.box2:hover .icon .svg{filter:drop-shadow(0 0 5px white)}.box3{width:30%;height:30%;bottom:-30%;left:-30%;transition-delay:.4s}.box3:before{background:radial-gradient(circle at 30% 107%,#f3c3ff 0,#C4203C 90%)}.box3:hover:before{opacity:1}.box3:hover .icon .svg{filter:drop-shadow(0 0 5px white)}.box4{width:10%;height:10%;bottom:-10%;left:-10%;transition-delay:.6s}.card:hover{transform:scale(1.1)}.card:hover .box{bottom:-1px;left:-1px}.card:hover .logo{transform:translate(0);bottom:20px;right:20px}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .6s ease-out forwards}