.slide-button{position:relative;overflow:hidden;border:1px solid var(--border-color,#00000000);background-color:var(--primary-color,#f0bd0c);color:var(--text-color,#000);font-weight:600;cursor:pointer;transition:color .3s ease,border-color .3s ease}.slide-button span{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px}.slide-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--slide-color,#fff);z-index:1;transition:all var(--duration,.7s) ease-in-out}.slide-button:hover:before{left:0}.slide-button:hover{color:var(--hover-text-color,#000)}