.animated-border-container{position:relative;border-radius:8px;transition:all .15s ease;display:block;width:100%;box-sizing:border-box;border:3px solid transparent;background:linear-gradient(white,white) padding-box,linear-gradient(45deg,transparent,transparent) border-box}.animated-border-container:hover{background:linear-gradient(white,white) padding-box,linear-gradient(45deg,#10b981,#34d399,#6ee7b7,#a7f3d0,#10b981,#34d399,#6ee7b7,#a7f3d0) border-box;background-size:100% 100%,400% 400%;animation:snake-border 2s linear infinite}.animated-border-container>*{position:relative;border-radius:5px;width:100%;box-sizing:border-box}.animated-border-container:has(.achievements-section){background:linear-gradient(90deg,#ecfdf5,#f0fdfa) padding-box,linear-gradient(45deg,transparent,transparent) border-box}.animated-border-container:has(.achievements-section):hover{background:linear-gradient(90deg,#ecfdf5,#f0fdfa) padding-box,linear-gradient(45deg,#10b981,#34d399,#6ee7b7,#a7f3d0,#10b981,#34d399,#6ee7b7,#a7f3d0) border-box;background-size:100% 100%,400% 400%}@keyframes snake-border{0%{background-position:0 0,0 50%}25%{background-position:0 0,25% 25%}50%{background-position:0 0,100% 50%}75%{background-position:0 0,75% 75%}to{background-position:0 0,0 50%}}