:root{--button-padding-x-desktop:16px;--button-padding-y-desktop:12px;--button-padding-x-mobile:26px;--button-padding-y-mobile:12px;--button-label-font-size-desktop:20px;--button-label-font-size-mobile:20px;--border-radius:12px;--justify-content:center}.login-button-container{border-radius:var(--border-radius,12px);transition:all .3s}.login-button-container .surface-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:rgba(0,0,0,.07);border-radius:var(--border-radius,12px)}.login-button-container .login-button-content{border-radius:var(--border-radius,12px);width:100%;height:100%;padding:var(--button-padding-y-desktop) var(--button-padding-x-desktop);min-width:150px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;gap:15px;overflow:hidden;justify-content:var(--justify-content)}.login-button-container .login-button-content label{color:#0d0d0d;font-size:var(--button-label-font-size-desktop);line-height:var(--button-label-font-size-desktop);font-style:normal;font-weight:500;cursor:inherit}.login-button-container.round{--border-radius:999px;justify-content:center}.login-button-container.round .login-button-content{min-width:0;padding:8px;justify-content:center}.login-button-container:not(:disabled){box-shadow:0 161.007px 44.993px 0 rgba(0,0,0,0),0 103px 41.274px 0 rgba(0,0,0,.01),0 58.007px 34.953px 0 rgba(0,0,0,.05),0 25.657px 25.657px 0 rgba(0,0,0,.07),0 6.321px 14.13px 0 rgba(0,0,0,.09)}.login-button-container:not(:disabled):hover{box-shadow:0 159.576px 44.593px 0 rgba(0,0,0,0),0 102.084px 40.907px 0 rgba(0,0,0,.01),0 57.492px 34.642px 0 rgba(0,0,0,.05),0 25.429px 25.429px 0 rgba(0,0,0,.09),0 6.265px 14.004px 0 rgba(0,0,0,.05)}.login-button-container:not(:disabled):active{box-shadow:0 159.576px 44.593px 0 rgba(0,0,0,0),0 102.084px 40.907px 0 rgba(0,0,0,.01),0 57.492px 34.642px 0 rgba(0,0,0,.02),0 25.429px 25.429px 0 rgba(0,0,0,.04),0 6.265px 14.004px 0 rgba(0,0,0,.004)}@supports(mask-composite:exclude){.login-button-container:not(:disabled):after{content:"";border:1px solid rgba(0,0,0,0);background:linear-gradient(#f2f2f2,#817e7c 41%,#ffffff);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;position:absolute;top:0;left:0;width:calc(100% - 0px);height:calc(100% - 0px);z-index:0;border-radius:var(--border-radius,12px)}}.login-button-container:not(:disabled) .surface-gradient{background:radial-gradient(ellipse,rgba(112,108,103,.35),rgba(112,108,103,.05))}.login-button-container:not(:disabled) .login-button-content label{background:linear-gradient(to bottom right,#706c67,#302e2c 50%) 100% 100%/50% 50% no-repeat,linear-gradient(to bottom left,#706c67,#302e2c 50%) 0 100%/50% 50% no-repeat,linear-gradient(to top left,#706c67,#302e2c 50%) 0 0/50% 50% no-repeat,linear-gradient(to top right,#706c67,#302e2c 50%) 100% 0/50% 50% no-repeat,radial-gradient(68.01% 68.28% at 31.99% 43.97%,#96908a 0,#302e2c 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);color:#0d0d0d;font-size:var(--button-label-font-size-desktop);line-height:var(--button-label-font-size-desktop);font-style:normal;font-weight:500}.login-button-container:disabled{cursor:not-allowed}@media(max-width:768px){.login-button-content{padding:var(--button-padding-y-mobile) var(--button-padding-x-mobile)}.login-button-content label{font-size:var(--button-label-font-size-mobile);line-height:var(--button-label-font-size-mobile)}}