.button-primary{position:relative;display:flex;width:-moz-fit-content;width:fit-content;padding:10px 16px;border-radius:8px;color:var(--color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;text-decoration:none;background:rgba(0,0,0,0);cursor:pointer;z-index:1}.button-primary__content{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;vertical-align:middle;font-size:16px;line-height:1.108;z-index:3}.button-primary:before{border:1px solid hsla(0,0%,100%,.15);transition:border-color .2s ease-in-out;z-index:1}.button-primary:after,.button-primary:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:8px}.button-primary:after{background-color:rgba(91,91,91,.19);transition:background-color .2s ease-in-out;z-index:2}.button-primary :disabled{cursor:not-allowed}.button-primary:not(:disabled):hover:before{border-color:hsla(0,0%,100%,.3)}.button-primary:not(:disabled):hover:after{background-color:rgba(249,217,233,.19)}.button-primary--color-black:after{background-color:rgba(0,0,0,.6)}.button-primary--color-black:not(:disabled):hover:after{background-color:rgba(0,0,0,.7)}