.animated-box:focus{outline:0}.animated-box{background:none;border:0;box-sizing:border-box;display:inline;padding-top:.25rem;border-bottom:1px solid #d81c23;box-shadow:inset 0 0 0 2px #fff;position:relative;vertical-align:middle}.animated-box:before,.animated-box:after{box-sizing:inherit;content:"";position:absolute;width:100%;height:100%}.animated-box.active{color:#1c1d1d;box-shadow:inset 0 0 0 2px #1c1d1d;border-bottom:0}.draw{transition:color .25s}.draw:before,.draw:after{border:2px solid transparent;width:0;height:0}.draw:before{bottom:0;left:0}.draw:after{top:0;right:0}.draw:hover{color:#1c1d1d;border-bottom:0}.draw:hover:before,.draw:hover:after{width:100%;height:100%}.draw:hover:before{border-bottom-color:#1c1d1d;border-right-color:#1c1d1d;transition:width .25s ease-out,height .25s ease-out .25s}.draw:hover:after{border-top-color:#1c1d1d;border-left-color:#1c1d1d;transition:width .25s ease-out,height .25s ease-out .25s}
/*# sourceMappingURL=/cdn/shop/t/13/assets/animated-border.scss.css.map */