.diff-border{position:relative;display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;overflow:hidden}.diff-border:before{content:"";position:absolute;inset:0;padding:2px;border-radius:50%;background:linear-gradient(90deg,#e92e2f,#16a0db,#e92e2f,#16a0db);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:animated-border 15s linear infinite}@keyframes animated-border{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.diff-border:hover{transform:scale(1.1);transition:transform .3s ease-in-out}.animated-border{position:relative;display:inline-block;padding:.5rem 1rem;border:1px solid transparent;font-size:1rem;cursor:pointer;background:transparent;overflow:hidden}.animated-border:after{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(90deg,#e92e2f,#16a0db,#e92e2f,#16a0db,#e92e2f);background-size:400% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:move-border 15s linear infinite;pointer-events:none}@keyframes move-border{0%{background-position:0 50%}50%{background-position:50% 75%}to{background-position:100% 75%}75%{background-position:75% 50%}50%{background-position:50% 0}}.animated-border:hover{transform:scale(1.07)}