.main-button{display:flex;align-items:center;position:relative;--swap-text:0px;--swap-icon:0px}.button-text-container,.button-icon-container{flex:0 0 auto;position:relative;transition:transform 0.35s cubic-bezier(.22,.9,.3,1)}.button-text-container{transform:translateX(0)}.button-icon-container{transform:translateX(0)}.main-button:hover .button-text-container{transform:translateX(var(--swap-text))}.main-button:hover .button-icon-container{transform:translateX(var(--swap-icon))}.main-button:hover .button-text-container,.main-button:hover .button-icon-container{background-color:#CDC1B2}.main-button:hover .button-text-container .button-text{color:#000}.main-button:hover .button-image{filter:brightness(0)}