.button.button--noto-action{--font-button-size: 1.2rem;--button-radius: 1rem;--button-border-width: .2rem;--noto-action-height: 4.1rem;--noto-action-line-height: 1.1rem;--noto-action-background: rgb(var(--color-button, var(--color-button-background)));--noto-action-foreground: rgb(var(--color-button-text));--noto-action-default-background: var(--noto-action-foreground);--noto-action-default-foreground: var(--noto-action-background);width:min(25.2rem,100%);min-width:0;min-height:var(--noto-action-height);gap:var(--sp-4);padding:calc((var(--noto-action-height) - var(--noto-action-line-height) - var(--button-border-width) * 2) / 2) var(--sp-8);border:var(--button-border-width) solid var(--noto-action-background);border-radius:var(--button-radius);background:var(--noto-action-default-background);color:var(--noto-action-default-foreground);font-family:var(--font-body-family);font-size:var(--font-button-size);font-style:normal;font-weight:var(--font-bold);line-height:var(--noto-action-line-height);letter-spacing:.2rem;text-align:center;text-transform:uppercase;white-space:normal;box-shadow:none;transition:color var(--duration-default) ease,background-color var(--duration-default) ease}.button.button--noto-action-inverted{--noto-action-default-background: var(--noto-action-background);--noto-action-default-foreground: var(--noto-action-foreground)}.button--noto-action .noto-action-button__label{min-width:0;overflow-wrap:anywhere}.button--noto-action .icon{flex:0 0 1em;width:1em;height:var(--noto-action-line-height);transition:transform var(--duration-default) ease}.button.button--noto-action:after{content:none}@media screen and (min-width:46.875rem){.button.button--noto-action{--font-button-size: 1.6rem;--noto-action-height: 5.6rem;--noto-action-line-height: 1.4rem;width:min(34.6rem,100%);padding-inline:clamp(var(--sp-8),calc(5.7rem + (100% - 34.6rem)/2),5.7rem)}}@media(hover:hover){.button.button--noto-action:hover:not(:disabled):not([aria-disabled=true]){background:var(--noto-action-default-foreground);color:var(--noto-action-default-background);transition-delay:0s}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.button--noto-action:hover:not(:disabled):not([aria-disabled=true]) .icon{transform:translate(.3rem)}}@media(prefers-reduced-motion:reduce){.button.button--noto-action,.button--noto-action .icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-noto-action-button.css.map */