.button-container{position:relative;overflow:hidden;border:none;background:transparent;color:#fff;font-size:18px;height:56px;width:150px;display:flex;align-items:center;justify-content:start;gap:15px;padding:10px 0;border-radius:0;transition:color .3s ease}.button-container span{padding-left:46px;transition:all .5s ease}.button-container:hover{color:#fff}.button-arrow{background-color:#eb2b3b;width:28px;height:28px;position:absolute;justify-content:center;transition:all .5s ease}.button-arrow,.button-content{display:flex;align-items:center}.button-content{position:relative;justify-content:start;z-index:2}.hover-overlay{position:absolute;top:8px;left:8px;right:8px;bottom:8px;background-color:#eb2b3b;display:flex;align-items:center;justify-content:center;z-index:1;opacity:0;transform:translateX(-100%);transition:transform .6s ease,opacity .4s ease}.button-container:hover .button-arrow{width:calc(100% - 12px)}.button-container:hover span{opacity:0;transition:all .5s ease}