.button{display:inline-block;height:var(--sp3);margin-top:var(--sp1);margin-bottom:var(--sp1);margin-left:0;margin-right:var(--sp1);padding-top:calc((var(--sp3) - var(--line-height-s)) / 2);padding-bottom:calc((var(--sp3) - var(--line-height-s)) / 2);padding-left:var(--sp1-5);padding-right:var(--sp1-5);cursor:pointer;text-align:center;-webkit-text-decoration:none;text-decoration:none;color:var(--color-text-primary-medium);border:solid 2px currentColor;border-radius:var(--border-radius);background-color:var(--color--white);font-family:var(--font-sans);font-size:var(--font-size-l);font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-font-smoothing:antialiased}.button:hover,.button:focus{-webkit-text-decoration:none;text-decoration:none;color:var(--color-text-primary-loud);border:solid 2px currentColor;background:none;font-weight:700}.button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.button:active{color:var(--color-text-primary-medium);border-color:currentColor}.button:disabled,.button.is-disabled{cursor:default;color:var(--color--gray-90);border-color:var(--color--gray-90)}@supports (display: inline-flex){.button{display:inline-flex;align-items:center;padding-top:1px;padding-bottom:0;padding-left:var(--sp1-5);padding-right:var(--sp1-5);line-height:var(--line-height-s)}}.menu .button{margin:0}.button--small{height:var(--sp2-5);padding-top:calc((var(--sp2-5) - var(--line-height-s)) / 2);padding-bottom:calc((var(--sp2-5) - var(--line-height-s)) / 2);padding-left:var(--sp);padding-right:var(--sp);font-size:var(--font-size-base);line-height:normal}.button--primary{color:var(--color--white);border-color:var(--color-primary);background-color:var(--color-primary)}.button--primary:hover,.button--primary:focus{color:var(--color--white);border-color:var(--color-primary);background-color:var(--color-primary)}.button--primary:active{color:var(--color--white);background-color:var(--color-primary)}.button--primary:disabled,.button--primary.is-disabled{color:var(--color--white);background-color:var(--color--gray-90)}.button--icon-back{display:inline-flex;align-items:center}.button--icon-back:before{display:block;width:.5em;height:.5em;margin-right:.5em;content:"";transform:rotate(45deg);border-bottom:solid 2px currentColor;border-left:solid 2px currentColor}[dir=rtl] .button--icon-back:before{transform:rotate(-45deg)}.shepherd-cancel-icon{font-size:1.5em}