:root{--button-background-color:#fff;--button-color:#ff5733;--button-hover-color:#fff;--button-border-radius:20px;--gradient-start:#ff5733;--gradient-end:#ffc300}.buttonContainer{outline:none!important;padding:2px 0!important;width:fit-content}.simplyBtn{align-items:center;background:var(--button-background-color);border:1px solid var(--button-color);border-radius:var(--button-border-radius);color:var(--button-color);display:flex;flex-direction:row;font-size:18px;outline:none;overflow:hidden;padding:10px 40px;position:relative;transition:color .5s cubic-bezier(.25,.8,.25,1);will-change:color,border-color;z-index:1}.simplyBtn span{display:block;margin-right:20px;padding-left:5px;transition:transform .5s cubic-bezier(.25,.8,.25,1);will-change:transform}.simplyBtn:before{background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));clip-path:circle(6px at 20px 50%);content:"";inset:0;position:absolute;transform:translateZ(0);transition:clip-path .5s cubic-bezier(.25,.8,.25,1);will-change:clip-path,translate3d;z-index:-1}.svg-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.btnIcon{margin-right:8px;opacity:0;position:absolute;right:8%;transition:opacity .5s cubic-bezier(.25,.8,.25,1);vertical-align:middle;will-change:opacity}@media (min-width:768px){.simplyBtn:hover{color:var(--button-hover-color)}.simplyBtn:hover:before{clip-path:circle(100% at 50% 50%)}.simplyBtn:hover span{transform:translateX(-15px)}.simplyBtn:hover .btnIcon{opacity:1}}