.dotted-line{background:linear-gradient(90deg,#36d3b9 50%,#0000 50%) 0 0/6px 3px repeat-x;width:100%;height:4px;animation:.1s linear infinite moveDots;position:relative}@keyframes moveDots{0%{background-position:0 0}to{background-position:6px 0}}.gradient-border{color:#333;background:#fff;justify-content:center;align-items:center;width:300px;height:200px;font-family:Arial,sans-serif;font-size:18px;display:flex;position:relative}.gradient-border:before{content:"";z-index:-1;background:linear-gradient(90deg,#3498db 0%,#cf15c0 10%,#3498db 20% 100%) 0 0/500% 500%;border-radius:8px;animation:4s linear infinite animateGradient;position:absolute;inset:-4px}@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}}