.effect{text-transform:capitalize;padding:8px 22px;font-family:Roboto,sans-serif;text-decoration:none;display:inline-block;position:relative}.effect.effect-5{transition:all .2s linear}.effect.effect-5:before{content:"";transform-origin:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:100%;font-family:FontAwesome;transition:all .2s linear;display:flex;position:absolute;top:0;left:8px;transform:scaleX(0)}.effect.effect-5:hover{text-indent:30px}.effect.effect-5:hover:before{text-indent:0;transform:scale(1)}