.button-effect{display:inline-block}.effect{text-align:center;display:inline-block;position:relative;text-decoration:none;color:white;text-transform:capitalize;background-color:#4b9a3b;font-family:'Roboto', sans-serif;font-size:1.1em;padding:5% 5%;border-radius:6px;overflow:hidden;margin:2% 4%}.effect.effect-3{transition:all 0.2s linear 0s}.effect.effect-3:before{content:"\f178";font-family:FontAwesome;position:absolute;display:flex;align-items:center;justify-content:center;position:absolute;top:100%;left:0px;width:100%;height:100%;text-align:center;font-size:40px;transition:all 0.2s linear 0s}.effect.effect-3 .content-message{position:relative;transition:all 0.2s linear 0s;left:0px}.effect.effect-3:hover:before{top:0}.effect.effect-3:hover .content-message{left:-100%}.sb-site-container h1{line-height:1.5}@media (max-width: 320px){.effect{font-size:1em}}