@keyframes borderTop{0%{transform:translate(-100%)}25%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes borderRight{0%,25%{transform:translateY(-100%)}50%{transform:translateY(100%)}to{transform:translateY(100%)}}@keyframes borderBottom{0%,50%{transform:translate(100%)}75%{transform:translate(-100%)}to{transform:translate(-100%)}}@keyframes borderLeft{0%,75%{transform:translateY(100%)}to{transform:translateY(-100%)}}.border-animation{z-index:5;pointer-events:none;border-radius:.5rem;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.border-animation span{background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);position:absolute;transform:translateZ(0)}.border-animation span:first-child{width:100%;height:2px;animation:3s linear infinite borderTop;top:0;left:0}.border-animation span:nth-child(2){width:2px;height:100%;animation:3s linear .75s infinite borderRight;top:0;right:0}.border-animation span:nth-child(3){width:100%;height:2px;animation:3s linear 1.5s infinite borderBottom;bottom:0;right:0}.border-animation span:nth-child(4){width:2px;height:100%;animation:3s linear 2.25s infinite borderLeft;top:0;left:0}.group:hover .border-animation span{box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px var(--cisco-blue);background:linear-gradient(90deg,transparent,#fff,transparent)}@media (max-width:768px){.border-animation span{height:1.5px}.border-animation span:nth-child(2),.border-animation span:nth-child(4){width:1.5px}}