.button{border-radius:8px;padding:12px 30.5px;transition:all .3s ease-out;position:relative;overflow:hidden}.button-primary{background:var(--primary-color);color:var(--secondary-text-color)}.button-faded{background:var(--light-purple);color:var(--primary-color)}.button:after{content:"";background:#cdcdcd2e;width:20%;height:100%;transition:all .3s ease-out;position:absolute;top:0;left:-30%;transform:skew(30deg)}.button:hover:after{left:125%}.button:disabled:after{content:"";background:#ffffffaf;width:100%;height:100%;position:absolute;top:0;left:0;transform:skew(0deg)}