.oew-effect-20 a{position:relative;display:inline-block;color:#fff;line-height:2em;-webkit-perspective:800px;-moz-perspective:800px;perspective:800px}.oew-effect-20 a span{position:relative;display:inline-block;padding:3px 15px;background:#587285;box-shadow:inset 0 3px #2f4351;-webkit-transition:background .6s;-moz-transition:background .6s;transition:background .6s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;transform-origin:0% 50%}.oew-effect-20 a span::before{position:absolute;top:0;left:0;width:100%;height:100%;padding:3px 15px;background:#13aff0;color:#fff;content:attr(data-hover);-webkit-transform:rotateX(270deg);-moz-transform:rotateX(270deg);transform:rotateX(270deg);-webkit-transition:-webkit-transform .6s;-moz-transition:-moz-transform .6s;transition:transform .6s;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;pointer-events:none}.oew-effect-20 a:hover span,.oew-effect-20 a:focus span{background:#2f4351}.oew-effect-20 a:hover span::before,.oew-effect-20 a:focus span::before{-webkit-transform:rotateX(10deg);-moz-transform:rotateX(10deg);transform:rotateX(10deg)}