.button.button{grid-template-columns:var(--button-grid-template-columns);width:var(--size-432);max-width:var(--button-max-width);min-height:var(--size-90);min-width:var(--btn-min-width);isolation:isolate;border:var(--button-border);border-radius:var(--size-12);background:var(--color-surface);color:var(--button-color);font-family:var(--font-body);font-size:var(--size-24);font-weight:var(--font-weight-noto-2);line-height:var(--btn-line-height);padding:var(--button-padding);letter-spacing:var(--button-letter-spacing);text-align:center;transition:var(--btn-transition);touch-action:manipulation;cursor:pointer;align-items:center;text-decoration:none;display:grid;position:relative}.button.button:hover{filter:none}.button.button:not(:disabled):hover{background:var(--btn-hover-surface)}.button.button:not(:disabled):active{transform:var(--btn-pressed-transform)}.button.button:focus-visible{outline:var(--sys-focus);outline-offset:var(--sys-focus-offset)}.button .button__label{padding:var(--size-10);min-width:var(--value-zero);z-index:var(--btn-content-layer);position:relative}.button .button__decoration{height:var(--size-66);z-index:var(--btn-content-layer);justify-content:space-evenly;align-items:center;display:flex;position:relative}.button .button__divider{align-self:center;display:block}.button .button__arrow{transition:var(--btn-arrow-transition);justify-content:center;align-items:center;display:flex}.button:not(:disabled):hover .button__arrow{transform:var(--btn-arrow-hover)}.button .button__arrow img,.button .button__divider{flex-shrink:var(--value-zero)}.button .button__feedback{inset:var(--value-zero);border-radius:inherit;pointer-events:none;z-index:var(--btn-feedback-layer);position:absolute;overflow:hidden}.button .button__ripple{top:var(--value-zero);left:var(--value-zero);width:var(--size-10);height:var(--size-10);border-radius:var(--sys-half);background:var(--btn-ripple);opacity:var(--value-zero);position:absolute}.button.button--surface{border:var(--btn-transparent-border)}.button.button:is(.button--base,.button--surface,.button--filled){width:var(--btn-standard-width);min-height:var(--btn-standard-height);font-size:var(--size-20);font-weight:var(--font-weight-noto-1);grid-template-columns:var(--btn-standard-columns)}.button:is(.button--base,.button--surface,.button--filled) .button__decoration{height:var(--btn-standard-decoration-height);scale:var(--btn-standard-decoration-scale)}.button.button--filled{border:var(--btn-filled-border);background:var(--color-nav-label);color:var(--color-white)}.button--filled .button__divider{filter:var(--btn-divider-white-filter)}.button.button--filled:not(:disabled):hover{background:var(--btn-filled-hover)}.button.button--filled .button__ripple{background:var(--btn-ripple-light)}.button.button--outline{min-height:var(--btn-small-height);width:var(--btn-small-width);font-size:var(--size-18)}.button.button--outline .button__decoration{height:var(--size-44)}.button.button--outline .button__divider{display:none}.button.button--text{width:max-content;min-width:var(--value-zero);min-height:var(--size-44);border-radius:var(--size-12);font-size:var(--size-18);grid-template-columns:var(--btn-text-columns);gap:var(--btn-text-gap);padding:var(--btn-text-padding);flex-shrink:var(--value-zero);background:0 0;border:none}.button.button--text .button__label{padding:var(--value-zero);white-space:nowrap}.button.button--text .button__decoration{height:var(--size-44)}.button.button--text .button__arrow{background:var(--color-yellow);width:var(--btn-text-arrow-width);height:var(--size-24);border-radius:var(--sys-pill)}.button.button:disabled{opacity:var(--btn-disabled-opacity);cursor:not-allowed;transform:none}@media (width<=1200px){.button.button{min-height:var(--size-70);font-size:var(--size-20);grid-template-columns:var(--button-grid-template-columns-2)}.button .button__decoration{height:var(--size-60)}.button .button__divider{display:none}.button.button:is(.button--base,.button--surface,.button--filled){min-height:var(--btn-standard-mobile-height);font-size:var(--size-18)}.button.button--outline{min-height:var(--btn-small-height);font-size:var(--size-18)}.button.button--text{min-height:var(--size-44);font-size:var(--size-18);grid-template-columns:var(--btn-text-columns)}}@media (width<=800px){.button.button{width:var(--button-max-width);max-width:var(--size-432)}.button.button:is(.button--base,.button--surface,.button--filled){width:var(--button-max-width);max-width:var(--btn-standard-width)}.button.button--outline{max-width:var(--btn-small-width)}.button.button--text{width:max-content;font-size:var(--size-13);max-width:var(--button-max-width);gap:var(--size-4)}}@media (prefers-reduced-motion:reduce){.button.button,.button .button__arrow{transition:none}.button.button:not(:disabled):active,.button:not(:disabled):hover .button__arrow{transform:none}.button.button[data-feedback-state=clicked]{box-shadow:var(--btn-quiet-feedback)}}