.deco-button{display:inline-block;padding:.75rem 1.25rem;border-radius:10rem;color:#fff;text-transform:uppercase;font-size:1rem;letter-spacing:.15rem;transition:all .3s;position:relative;overflow:hidden;z-index:1}.deco-button:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#c70039;border-radius:10rem;z-index:-2}.deco-button:before{content:'';position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:#fdee00;transition:all .3s;border-radius:10rem;z-index:-1}.deco-button:hover{color:#c70039;border:1px solid #c70039}.deco-button:hover:before{width:100%}.hover-button{display:inline-block;border-radius:30px;background-color:#c70039;border:none;color:#fff;text-align:center;font-size:28px;padding:10px;width:200px;transition:all .5s;cursor:pointer;margin:5px}.hover-button span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.hover-button span:after{content:'»';position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.hover-button:hover span{padding-right:25px}.hover-button:hover span:after{opacity:1;right:0}