.button{font-size:.8125rem;line-height:1.25rem;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;cursor:pointer;display:inline-flex;border-radius:6.25rem}@media screen and (max-width:49.9375rem){.button{font-size:.8125rem;line-height:1.25rem}}.button.primary,.button.secondary{height:3.25rem;padding:0 2rem;min-width:10.3125rem}.button.disabled{pointer-events:none;cursor:auto}.button__title{width:100%;display:inline-flex;justify-content:center;align-items:center}.button__uppercase__title{text-transform:uppercase}.button.primary{color:#fff;background-color:#000;transition:background-color 80ms ease-in}.button.primary .button__title{font-family:Century Gothic Std Bold,Noto Sans JP,Noto Sans SC,Noto Sans TC,Noto Sans KR}.button.primary:active,.button.primary:hover{background-color:#303030}.button.primary.disabled{background-color:#b3b3b3}.button.secondary{border:.0625rem solid #b3b3b3;transition:border 80ms ease-in}.button.secondary.light{color:#000}.button.secondary.light:active,.button.secondary.light:hover{border:.0625rem solid #000}.button.secondary.light.basic-colors{border:.0625rem solid rgb(0 0 0/60%)}.button.secondary.light.basic-colors:active,.button.secondary.light.basic-colors:hover{border:.0625rem solid #000}.button.secondary.dark{color:#fff}.button.secondary.dark:active,.button.secondary.dark:hover{border:.0625rem solid #fff}.button.secondary.dark.basic-colors{border:.0625rem solid hsla(0,0%,100%,.6)}.button.secondary.dark.basic-colors:active,.button.secondary.dark.basic-colors:hover{border:.0625rem solid #fff}.button.secondary.disabled{color:#b3b3b3}