@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;&:first-child{border-radius:47% 53% 70% 30%/30% 43% 57% 70%}&:nth-child(2){border-radius:61% 39% 52% 48%/44% 59% 41% 56%}&:nth-child(3){border-radius:35% 65% 31% 69%/57% 59% 41% 43%}&:hover{border-radius:50%}&:before{content:"";position:absolute;top:50px;left:85px;width:35px;height:35px;background:#fff;border-radius:50%;opacity:.9}&:after{content:"";position:absolute;top:90px;left:110px;width:15px;height:15px;background:#fff;border-radius:50%;opacity:.9}}.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{position:relative;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{background:blue;&:hover{opacity:1}&:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:65%;height:5px;border-radius:5px;background:hsla(0,0%,100%,.5)}}.A1,.A2{position:relative;padding:10px 25px;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{background:green;&:hover{opacity:1}&: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;&:hover{opacity:1}&: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}