.border-animation[data-v-202b5a71]{--border-width: .2rem;--animation-speed: .5s;--color: #ffffff;color:var(--color);position:relative;display:inline-block;width:100%;height:100%;border:var(--border-width) solid transparent}.border-animation .border-animation__inner[data-v-202b5a71]{position:relative;display:inline-block;width:100%;height:100%;cursor:pointer;background:#000;z-index:1;border:solid var(--border-width) transparent}.border-animation[data-v-202b5a71]:before,.border-animation[data-v-202b5a71]:after{content:"";position:absolute;background:var(--color)}.border-animation[data-v-202b5a71]:hover:before{animation:beforeBorders-202b5a71 var(--animation-speed) forwards ease-in-out}.border-animation[data-v-202b5a71]:hover:after{animation:afterBorders-202b5a71 var(--animation-speed) forwards ease-in-out}.border-animation[data-v-202b5a71]:hover{animation:borderColors-202b5a71 var(--animation-speed) steps(1) forwards;outline:none}.border-animation:hover .border-animation__inner[data-v-202b5a71]{animation-delay:calc(var(--animation-speed) / 5 * 2)}@keyframes beforeBorders-202b5a71{0%{top:calc(var(--border-width) * -1);left:50%;bottom:auto;right:auto;width:0;height:var(--border-width)}33%{top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);bottom:auto;right:auto;width:calc(var(--border-width) + 50%);height:var(--border-width)}66%{top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);bottom:auto;right:auto;width:var(--border-width);height:calc((var(--border-width) * 2) + 100%)}to{top:auto;left:calc(var(--border-width) * -1);bottom:calc(var(--border-width) * -1);right:auto;width:calc(var(--border-width) + 50%);height:calc((var(--border-width) * 2) + 100%)}}@keyframes afterBorders-202b5a71{0%{top:calc(var(--border-width) * -1);left:auto;bottom:auto;right:50%;width:0;height:var(--border-width)}33%{top:calc(var(--border-width) * -1);left:auto;bottom:auto;right:calc(var(--border-width) * -1);width:calc(var(--border-width) + 50%);height:var(--border-width)}66%{top:calc(var(--border-width) * -1);left:auto;bottom:auto;right:calc(var(--border-width) * -1);width:var(--border-width);height:calc((var(--border-width) * 2) + 100%)}to{top:auto;left:auto;bottom:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);width:calc(var(--border-width) + 50%);height:calc((var(--border-width) * 2) + 100%)}}@keyframes borderColors-202b5a71{0%{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}33%{border-top-color:var(--color);border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}66%{border-top-color:var(--color);border-right-color:var(--color);border-bottom-color:transparent;border-left-color:var(--color)}to{border-top-color:var(--color);border-right-color:var(--color);border-bottom-color:var(--color);border-left-color:var(--color)}}