.button{display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:var(--button-padding);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);margin:var(--button-margin);background:var(--button-background);color:var(--button-font-color);border-radius:var(--button-border-radius);outline:var(--button-outline-width) var(--button-outline-style) var(--button-outline-color);outline-offset:var(--button-outline-offset);line-height:var(--button-line-height);font-size:var(--button-font-size);font-family:var(--button-font-family);font-weight:var(--button-font-weight);-webkit-text-decoration:none;text-decoration:none}.button svg{fill:var(--button-font-color);height:calc(var(--button-line-height) * 1em)}.button[aria-disabled=true]{opacity:var(--disabled-form-element-opacity);cursor:not-allowed}.button:hover:not([aria-disabled=true]){--button-font-color: var(--button-hover-font-color);--button-background: var(--button-hover-background);--button-border-color: var(--button-hover-border-color);--button-outline-width: var(--button-hover-outline-width);--button-outline-color: var(--button-hover-outline-color);--button-outline-offset: var(--button-hover-outline-offset)}.button:focus-visible{--button-font-color: var(--button-focus-font-color);--button-background: var(--button-focus-background);--button-border-color: var(--button-focus-border-color);--button-outline-width: var(--button-focus-outline-width);--button-outline-color: var(--button-focus-outline-color);--button-outline-offset: var(--button-focus-outline-offset)}.button--primary{--button-font-color: var(--button-primary-font-color);--button-background: var(--button-primary-background);--button-border-color: var(--button-primary-border-color);--button-outline-width: var(--button-primary-outline-width);--button-outline-color: var(--button-primary-outline-color);--button-outline-offset: var(--button-primary-outline-offset)}.button--primary:focus-visible,.button--primary:hover:not([aria-disabled=true]):focus-visible{--button-font-color: var(--button-primary-focus-font-color);--button-background: var(--button-primary-focus-background);--button-border-color: var(--button-primary-focus-border-color);--button-outline-width: var(--button-primary-focus-outline-width);--button-outline-color: var(--button-primary-focus-outline-color);--button-outline-offset: var(--button-primary-focus-outline-offset)}.button--primary:hover:not([aria-disabled=true]){--button-font-color: var(--button-primary-hover-font-color);--button-background: var(--button-primary-hover-background);--button-border-color: var(--button-primary-hover-border-color);--button-outline-width: var(--button-primary-hover-outline-width);--button-outline-color: var(--button-primary-hover-outline-color);--button-outline-offset: var(--button-primary-hover-outline-offset)}.button--block{--button-margin: 0 0 var(--spacing-1) 0;display:flex}.button{text-align:left;z-index:1;font-weight:800;--shadow-stroke: var(--stroke-width-thick);--shadow-outline-offset: var(--stroke-width-thick);--shadow-outline-color: var(--issue-kv-contrast);--shadow-offset: calc(var(--spacing-0\.75) + var(--shadow-stroke));--shadow-background: var(--button-background);--shadow-stroke-color: var(--button-font-color);position:relative}.button:after{--_so: var(--shadow-offset);--_ss: var(--shadow-stroke);z-index:-1;background-color:var(--shadow-background, var(--color-background));display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(var(--shadow-offset),var(--shadow-offset));outline-width:var(--shadow-stroke, 3px);outline-style:var(--shadow-stroke-style, solid);outline-color:var(--shadow-stroke-color, --color-contrast);clip-path:polygon(calc(100% + var(--_ss) - var(--_so)) calc(var(--_ss) * -1),calc(100% + var(--_ss)) calc(var(--_ss) * -1),calc(100% + var(--_ss)) calc(100% + var(--_ss)),calc(var(--_ss) * -1) calc(100% + var(--_ss)),calc(var(--_ss) * -1) calc(100% - var(--_so) + var(--_ss)),calc(100% - var(--_so) + var(--_ss)) calc(100% - var(--_so) + var(--_ss)))}.button__arrow{margin-left:var(--spacing-0\.75);stroke-width:2px;stroke:var(--button-font-color);display:inline-flex;align-items:center;display:flex;width:1.5em}.button:hover{--shadow-stroke-color: var(--button-background);--shadow-background: var(--button-font-color);background:var(--button-background)}.button:focus-visible:before{z-index:-1;display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;outline-width:calc(calc(var(--shadow-stroke) + var(--shadow-offset)) * 2);outline-style:var(--shadow-outline-stroke-style, solid);outline-offset:var(--shadow-outline-offset);outline-color:var(--shadow-outline-color, var(--color-background-alt));clip-path:polygon(calc(calc(var(--shadow-stroke) + var(--shadow-offset)) * -1) calc(calc(var(--shadow-stroke) + var(--shadow-offset)) * -1),calc(100% + calc(var(--shadow-stroke) + var(--shadow-offset))) calc(calc(var(--shadow-stroke) + var(--shadow-offset)) * -1),calc(100% + calc(var(--shadow-stroke) + var(--shadow-offset))) calc(var(--shadow-stroke) * -1),calc(100% + calc(var(--shadow-stroke) + var(--shadow-offset)) * 2) calc(var(--shadow-stroke) * -1),calc(100% + calc(var(--shadow-stroke) + var(--shadow-offset)) * 2) calc(100% + calc(var(--shadow-stroke) + var(--shadow-offset)) * 2),calc(var(--shadow-stroke) * -1) calc(100% + calc(var(--shadow-stroke) + var(--shadow-offset)) * 2),calc(var(--shadow-stroke) * -1) calc(100% + calc(var(--shadow-stroke) + var(--shadow-offset))),calc(calc(var(--shadow-stroke) + var(--shadow-offset)) * -1) calc(100% + calc(var(--shadow-stroke) + var(--shadow-offset))))}.button:focus-visible:hover{--shadow-stroke-color: var( --issue-kv-contrast, var(--issue-contrast, var(--button-background)) );--shadow-background: var(--button-font-color)}.button svg{height:calc(var(--button-line-height) * 1em)}.button--small{--button-font-size: var(--font-size-sm);--button-padding: calc(var(--spacing-0\.25) * 1.2) var(--spacing-0\.5) calc(var(--spacing-0\.25) * .8) var(--spacing-0\.25);--shadow-stroke: 2px;--button-border-width: 2px;--shadow-offset: calc(var(--spacing-0\.25) + var(--shadow-stroke))}button.button:focus-visible{outline:var(--button-outline-width) var(--button-outline-style) var(--button-outline-color);outline-offset:var(--button-outline-offset)}button[aria-disabled=true]{opacity:var(--disabled-form-element-opacity);cursor:not-allowed}