.button-container,.button-container-wide{display:flex;align-items:center;justify-content:flex-start}.button-container-wide{width:100%}@keyframes gradientShift{0%{background-position:0 0}50%{background-position:100% 50%}to{background-position:0 50%}}.btn{display:flex;align-items:center;justify-content:center;padding:0 3rem;height:3rem;color:black;background-color:rgba(240,200,8,1);border-radius:50px 50px 50px 50px;background-repeat:no-repeat;background-size:200% 100%;background-position:0 50%;border-radius:50px;font-size:18px;border:none;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.79);-moz-box-shadow:0 0 0 0 rgba(0,0,0,.79);box-shadow:0 0 0 0 rgba(0,0,0,.79);font-family:Droid Sans,sans-serif;-webkit-transition:box-shadow .2s ease-in,background-color .2s ease-in;-moz-transition:box-shadow .2s ease-in,background-color .2s ease-in;-ms-transition:box-shadow .2s ease-in,background-color .2s ease-in;-o-transition:box-shadow .2s ease-in,background-color .2s ease-in;transition:box-shadow .2s ease-in,background-color .2s ease-in;margin:0;position:relative;overflow:hidden;animation:gradientShift 15s ease infinite;&>span{z-index:103;position:relative}&:hover:after{opacity:1;-webkit-transition:opacity 0s ease-in-out;-moz-transition:opacity 0s ease-in-out;-ms-transition:opacity 0s ease-in-out;-o-transition:opacity 0s ease-in-out;transition:opacity 0s ease-in-out}&:hover{-webkit-box-shadow:0 10px 35px -15px rgba(0,0,0,.79);-moz-box-shadow:0 10px 35px -15px rgba(0,0,0,.79);box-shadow:0 10px 35px -15px rgba(0,0,0,.79);background-color:#ffd94d;-webkit-transition:box-shadow 201ms ease-in,background-color 201ms ease-in;-moz-transition:box-shadow 201ms ease-in,background-color 201ms ease-in;-ms-transition:box-shadow 201ms ease-in,background-color 201ms ease-in;-o-transition:box-shadow 201ms ease-in,background-color 201ms ease-in;transition:box-shadow 201ms ease-in,background-color 201ms ease-in}.gradient{cursor:pointer;opacity:0;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;content:"";position:absolute;border-radius:100%;width:200%;height:300%;background:red;background:-webkit-radial-gradient(rgba(255,255,255,.2),rgba(255,255,255,0),rgba(255,255,255,0));background:-o-radial-gradient(rgba(255,255,255,.2),rgba(255,255,255,0),rgba(255,255,255,0));background:-moz-radial-gradient(rgba(255,255,255,.2),rgba(255,255,255,0),rgba(255,255,255,0));background:radial-gradient(rgba(255,255,255,.2),rgba(255,255,255,0),rgba(255,255,255,0));z-index:101}&:hover .gradient{opacity:.7;-webkit-transition:opacity 201ms ease-in-out;-moz-transition:opacity 201ms ease-in-out;-ms-transition:opacity 201ms ease-in-out;-o-transition:opacity 201ms ease-in-out;transition:opacity 201ms ease-in-out}}.btn-wide{width:100%;display:flex;align-items:center;justify-content:center;padding:0 3rem;height:3rem;background-color:var(--yellow-color);border-radius:50px;font-size:18px;border:none;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.79);-moz-box-shadow:0 0 0 0 rgba(0,0,0,.79);box-shadow:0 0 0 0 rgba(0,0,0,.79);font-family:Droid Sans,sans-serif;-webkit-transition:box-shadow .2s ease-in,background-color .2s ease-in;-moz-transition:box-shadow .2s ease-in,background-color .2s ease-in;-ms-transition:box-shadow .2s ease-in,background-color .2s ease-in;-o-transition:box-shadow .2s ease-in,background-color .2s ease-in;transition:box-shadow .2s ease-in,background-color .2s ease-in;margin:0;position:relative;overflow:hidden;&>span{z-index:103;position:relative}&:hover:after{opacity:1;-webkit-transition:opacity 0s ease-in-out;-moz-transition:opacity 0s ease-in-out;-ms-transition:opacity 0s ease-in-out;-o-transition:opacity 0s ease-in-out;transition:opacity 0s ease-in-out}&:hover{-webkit-box-shadow:0 10px 35px -15px rgba(0,0,0,.79);-moz-box-shadow:0 10px 35px -15px rgba(0,0,0,.79);box-shadow:0 10px 35px -15px rgba(0,0,0,.79);background-color:#ffd94d;-webkit-transition:box-shadow 201ms ease-in,background-color 201ms ease-in;-moz-transition:box-shadow 201ms ease-in,background-color 201ms ease-in;-ms-transition:box-shadow 201ms ease-in,background-color 201ms ease-in;-o-transition:box-shadow 201ms ease-in,background-color 201ms ease-in;transition:box-shadow 201ms ease-in,background-color 201ms ease-in}.gradient{cursor:pointer;opacity:0;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;content:"";position:absolute;border-radius:100%;width:200%;height:300%;background:red;background:-webkit-radial-gradient(rgba(255,255,255,.2),rgba(255,255,255,0),rgba(255,255,255,0));background:-o-radial-gradient(rgba(255,255,255,.2),rgba(255,255,255,0),rgba(255,255,255,0));background:-moz-radial-gradient(rgba(255,255,255,.2),rgba(255,255,255,0),rgba(255,255,255,0));background:radial-gradient(rgba(255,255,255,.2),rgba(255,255,255,0),rgba(255,255,255,0));z-index:101}&:hover .gradient{opacity:.7;-webkit-transition:opacity 201ms ease-in-out;-moz-transition:opacity 201ms ease-in-out;-ms-transition:opacity 201ms ease-in-out;-o-transition:opacity 201ms ease-in-out;transition:opacity 201ms ease-in-out}}.x-btn{display:flex;align-items:center;justify-content:center;padding:0 3rem;height:3rem;background-color:var(--yellow-color);border-radius:50px;font-size:18px;border:none;width:3rem}.button-text{text-align:center;margin:0;font-size:18px!important;color:black!important}