.animation-container{display:flex;justify-content:space-between;gap:45px}.animation-box{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:0;margin:80px 150px 50px 250px;width:476px;height:432px;justify-items:center;align-items:center}.animation-button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:93px;height:93px;border-radius:10px;background:#fff;box-shadow:2px 2px 19px 0 rgba(0,0,0,.1);border:none;overflow:hidden;cursor:pointer;position:relative;z-index:5}.animation-button img{width:60px;height:62px;opacity:.6000000238418579;filter:invert(83%) sepia(0) saturate(0) hue-rotate(4deg) brightness(101%) contrast(90%);padding:4px}.animation-button span{color:#cdcdcd;text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:24px}.vector1{width:40px;height:380px;margin-left:-155px;margin-top:-120px;animation-iteration-count:1;animation-delay:0s;opacity:.5}.vector1,.vector2{position:absolute;animation-name:vectorHoverEffect;animation-duration:2s;filter:invert(89%) sepia(0) saturate(0) hue-rotate(168deg) brightness(88%) contrast(96%)}.vector2{width:55px;margin-top:300px;margin-left:160px;animation-iteration-count:1;animation-delay:6s}.vector3{width:3px;margin-top:-140px;margin-left:325px;opacity:.5}.vector3,.vector4{position:absolute;animation-name:vectorHoverEffect;animation-duration:2s;animation-iteration-count:1;animation-delay:2s;filter:invert(89%) sepia(0) saturate(0) hue-rotate(168deg) brightness(88%) contrast(96%)}.vector4{width:60px;height:505px;margin-top:-280px;margin-left:158px;z-index:10}.vector5{position:absolute;width:48px;height:52px;margin-top:145px;margin-left:-320px;animation-name:vectorHoverEffect;animation-duration:2s;animation-iteration-count:1;animation-delay:4s;filter:invert(89%) sepia(0) saturate(0) hue-rotate(168deg) brightness(88%) contrast(96%)}.animation-button:hover{box-shadow:2px 2px 19px 0 rgba(0,0,0,.1)}.animation-button:hover img,.animation-button:hover span{opacity:1;filter:none;color:#000}.button-1 img{animation-iteration-count:1;animation-delay:0s}.button-1 img,.button-3 img{animation-name:button13HoverEffect;animation-duration:2s}.button-3 img{animation-iteration-count:1;animation-delay:2s}.button-5 img{animation-iteration-count:1;animation-delay:0s}.button-2 img,.button-5 img{animation-name:button13HoverEffect;animation-duration:2s}.button-2 img{animation-iteration-count:1;animation-delay:2s}.button-4 img{animation-iteration-count:1;animation-delay:4s}.button-4 img,.button-6 img{animation-name:button13HoverEffect;animation-duration:2s}.button-6 img{animation-iteration-count:1;animation-delay:2s}.button-8 img{animation-iteration-count:1;animation-delay:6s}.button-7 img,.button-8 img{animation-name:button13HoverEffect;animation-duration:2s}.button-7 img{animation-iteration-count:1;animation-delay:4s}.button-9 img{animation-name:button13HoverEffect;animation-duration:2s;animation-iteration-count:1;animation-delay:6s}.button-1 span,.button-3 span{animation-name:spanHoverEffect;animation-duration:2s;animation-iteration-count:1}.button-3 span{animation-delay:2s}.button-2 span,.button-5 span{animation-name:spanHoverEffect;animation-duration:2s;animation-iteration-count:1}.button-2 span{animation-delay:2s}.button-4 span{animation-iteration-count:1;animation-delay:4s}.button-4 span,.button-6 span{animation-name:spanHoverEffect;animation-duration:2s}.button-6 span{animation-iteration-count:1;animation-delay:2s}.button-8 span{animation-iteration-count:1;animation-delay:6s}.button-7 span,.button-8 span{animation-name:spanHoverEffect;animation-duration:2s}.button-7 span{animation-iteration-count:1;animation-delay:4s}.button-9 span{animation-name:spanHoverEffect;animation-duration:2s;animation-iteration-count:1;animation-delay:6s}@keyframes button13HoverEffect{0%{opacity:.6000000238418579;filter:invert(83%) sepia(0) saturate(0) hue-rotate(4deg) brightness(101%) contrast(90%)}30%{opacity:1;filter:none}50%{opacity:1;filter:none}70%{opacity:1;filter:none}to{opacity:.6000000238418579;filter:invert(83%) sepia(0) saturate(0) hue-rotate(4deg) brightness(101%) contrast(90%)}}@keyframes vectorHoverEffect{0%{filter:invert(89%) sepia(0) saturate(0) hue-rotate(168deg) brightness(88%) contrast(96%)}30%{filter:none;opacity:1}50%{filter:none;opacity:1}70%{filter:none;opacity:1}to{filter:invert(89%) sepia(0) saturate(0) hue-rotate(168deg) brightness(88%) contrast(96%)}}@keyframes spanHoverEffect{0%{color:#cdcdcd}50%{color:#000}to{color:#cdcdcd}}.tooltip-container{position:relative;display:inline-block}.tooltip-button{background:none;border:none;cursor:pointer}.tooltip-content{position:absolute;top:-50px;left:50%;transform:translateX(-50%);background-color:orange;color:#fff;padding:10px;font-size:11px;width:200px;border-radius:25px;text-align:center;visibility:hidden;opacity:0;transition:opacity .2s ease-in-out;z-index:10}.tooltip-container:hover .tooltip-content,.tooltip:hover .tooltip-content{visibility:visible;opacity:1;pointer-events:auto}.tooltip.hidden{display:none}