.the-arrow{width:64px;transition:all .2s}.the-arrow.-right{position:absolute;top:50%;left:60px}.the-arrow.-right>.shaft{width:0;background-color:#fff}.the-arrow.-right>.shaft:before,.the-arrow.-right>.shaft:after{width:0;background-color:#fff}.the-arrow.-right>.shaft:before{-webkit-transform:rotate(0);transform:rotate(0)}.the-arrow.-right>.shaft:after{-webkit-transform:rotate(0);transform:rotate(0)}.the-arrow.-left{top:0}.the-arrow.-left>.shaft{width:64px;transition-delay:.2s}.the-arrow.-left>.shaft:before,.the-arrow.-left>.shaft:after{width:8px;transition-delay:.3s;transition:all .5s}.the-arrow.-left>.shaft:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)}.the-arrow.-left>.shaft:after{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}.the-arrow>.shaft{background-color:#fff;display:block;height:1px;position:relative;transition:all .2s;transition-delay:0;will-change:transform}.the-arrow>.shaft:before,.the-arrow>.shaft:after{background-color:#fff;content:'';display:block;height:1px;position:absolute;top:0;left:0;transition:all .2s;transition-delay:0}.the-arrow>.shaft:before{-webkit-transform-origin:top left;transform-origin:top left}.the-arrow>.shaft:after{-webkit-transform-origin:bottom left;transform-origin:bottom left}.animated-arrow{display:inline-block;color:#fff;font-size:1.25em;text-decoration:none;position:relative;transition:all .2s;overflow:hidden}.animated-arrow:hover{color:#eaeaea}.animated-arrow:hover>.the-arrow.-right>.shaft{width:64px;transition-delay:.1s;background-color:#eaeaea}.animated-arrow:hover>.the-arrow.-right>.shaft:before,.animated-arrow:hover>.the-arrow.-right>.shaft:after{width:8px;transition-delay:.1s;background-color:#eaeaea}.animated-arrow:hover>.the-arrow.-right>.shaft:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)}.animated-arrow:hover>.the-arrow.-right>.shaft:after{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}.animated-arrow:hover>.main{-webkit-transform:translateX(-60px);transform:translateX(-60px)}.animated-arrow:hover>.main>.the-arrow.-left>.shaft{width:0;-webkit-transform:translateX(200%);transform:translateX(200%);transition-delay:0}.animated-arrow:hover>.main>.the-arrow.-left>.shaft:before,.animated-arrow:hover>.main>.the-arrow.-left>.shaft:after{width:0;transition-delay:0;transition:all .1s}.animated-arrow:hover>.main>.the-arrow.-left>.shaft:before{-webkit-transform:rotate(0);transform:rotate(0)}.animated-arrow:hover>.main>.the-arrow.-left>.shaft:after{-webkit-transform:rotate(0);transform:rotate(0)}.animated-arrow>.main{display:flex;align-items:center;transition:all .2s}.animated-arrow>.main>.text{margin:0 0 0 16px;line-height:1}.animated-arrow:hover>.main>.text{margin:0 16px 0 0}.animated-arrow>.main>.the-arrow{position:relative}