.dotted-line{width:100%;height:4px;background:linear-gradient(to right,rgb(54,211,185) 50%,transparent 50%);background-size:6px 3px;background-repeat:repeat-x;position:relative;animation:moveDots .1s linear infinite}@keyframes moveDots{0%{background-position:0 0}to{background-position:6px 0}}.gradient-border{position:relative;width:300px;height:200px;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:18px;color:#333;background:#fff}.gradient-border:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;z-index:-1;border-radius:8px;background:linear-gradient(90deg,#3498db,#cf15c0,#3498db 20%,#3498db);background-size:500% 500%;animation:animateGradient 4s linear infinite}@keyframes animateGradient{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:200% 100%}75%{background-position:300% 100%}to{background-position:400% 0%}}