@keyframes gradientAnimation{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:0 100%}75%{background-position:100% 100%}to{background-position:0 0}}.ColoredDiv{animation:gradientAnimation 20s linear infinite;-webkit-background-clip:text;background-clip:text;color:transparent}.ColoredDiv,.ColoredDivButton{background-image:linear-gradient(90deg,oklch(70.59% .24 255.09156059071347),oklch(81.58% .189 190.74037768509325),oklch(49.07% .272 300.45),oklch(64.53% .292 2.47),oklch(67.3% .266 25.039656026515278),oklch(89.41% .165 91.19));background-size:300% 300%}.ColoredDivButton{animation:gradientAnimation 10s linear infinite;padding:.07rem}.ColoredDivButton:hover{display:hidden;padding:0}.InnerColoredDivButton{background:#171717;color:#fff;padding:.5rem 1.5rem;transition:color .3s ease-in-out}.InnerColoredDivButton:hover{animation:gradientAnimation 10s linear infinite;background-image:linear-gradient(90deg,oklch(70.59% .24 255.09156059071347),oklch(81.58% .189 190.74037768509325),oklch(49.07% .272 300.45),oklch(64.53% .292 2.47),oklch(67.3% .266 25.039656026515278),oklch(89.41% .165 91.19));background-size:300% 300%;padding:.57rem 1.57rem;color:#000}.Container{flex-wrap:wrap;padding:50px 0;gap:40px 60px}.Container,.Drop{position:relative;display:flex;justify-content:center;align-items:center}.Drop{width:350px;height:350px;box-shadow:inset 20px 20px 20px rgba(0,0,0,.05),25px 35px 20px rgba(0,0,0,.05),25px 30px 30px rgba(0,0,0,.05),inset -20px -20px 25px hsla(0,0%,100%,.9);transition:.5s ease-in-out}.Drop:first-child{border-radius:47% 53% 70% 30%/30% 43% 57% 70%}.Drop:nth-child(2){border-radius:61% 39% 52% 48%/44% 59% 41% 56%}.Drop:nth-child(3){border-radius:35% 65% 31% 69%/57% 59% 41% 43%}.Drop:hover{border-radius:50%}.Drop:before{top:50px;left:85px;width:35px;height:35px}.Drop:after,.Drop:before{content:"";position:absolute;background:#fff;border-radius:50%;opacity:.9}.Drop:after{top:90px;left:110px;width:15px;height:15px}.Content{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:40px;gap:15px}.H21{color:blue}.H21,.H22{position:relative;width:80px;height:80px;background:#eff0f4;box-shadow:inset 2px 5px 10px rgba(0,0,0,.1),inset -2px -5px -10px #fff,15px 15px 10px rgba(0,0,0,.05),15px 10px 15px rgba(0,0,0,.025);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2em}.H22{color:green}.H23{width:80px;height:80px;color:#ff0f5b;background:#eff0f4;box-shadow:inset 2px 5px 10px rgba(0,0,0,.1),inset -2px -5px -10px #fff,15px 15px 10px rgba(0,0,0,.05),15px 10px 15px rgba(0,0,0,.025);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2em}.A1,.H23{position:relative}.A1{padding:10px 25px;background:blue;text-decoration:none;color:#fff;border-radius:25px;font-weight:500;text-shadow:0 2px 2px rgba(0,0,0,.25);opacity:.75;transition:.5s}.A1:hover{opacity:1}.A1:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:65%;height:5px;border-radius:5px;background:hsla(0,0%,100%,.5)}.A2{position:relative;padding:10px 25px;background:green;text-decoration:none;color:#fff;border-radius:25px;font-weight:500;text-shadow:0 2px 2px rgba(0,0,0,.25);opacity:.75;transition:.5s}.A2:hover{opacity:1}.A2:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:65%;height:5px;border-radius:5px;background:hsla(0,0%,100%,.5)}.A3{position:relative;padding:10px 25px;background:red;text-decoration:none;color:#fff;border-radius:25px;font-weight:500;text-shadow:0 2px 2px rgba(0,0,0,.25);opacity:.75;transition:.5s}.A3:hover{opacity:1}.A3:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:65%;height:5px;border-radius:5px;background:hsla(0,0%,100%,.5)}.P{color:#534c4c}