@charset "utf-8";

.button_button__Kj7uq { display: inline-flex; align-items: center; justify-content: center; border-radius: var(--comp-button-style-action-border-radius, 3px); font: var(--comp-button-text-action-typog-sm, 700 0.875rem/1.25rem Lato); letter-spacing: var(--comp-button-letter-spacing, 0.01em); text-transform: capitalize; text-decoration: none; cursor: pointer; user-select: none; }

.button_button__Kj7uq:hover { background-color: var(--comp-button-color-action-bg-primary-hover, #717171); border: var(--comp-button-style-action-border-primary-hover, 1px solid #717171); color: var(--comp-button-color-action-fg-primary-hover, #ffffff); }

.button_button__Kj7uq:focus, .button_button__Kj7uq:focus-within { outline: var(--comp-button-style-action-border-focused-alt, 1px solid #717171); outline-offset: 3px; }

.button_button__Kj7uq:disabled, .button_button__Kj7uq:hover:disabled { background-color: var(--comp-button-color-action-bg-primary-disabled, #D9D9D9); border: var(--comp-button-style-action-border-disabled-default, 1px solid #D9D9D9); color: var(--comp-button-color-action-fg-primary-disabled, #9D9D9D); fill: var(--comp-button-color-action-fg-primary-disabled, #9D9D9D); }

.button_sm__XSQYO { padding: var(--comp-button-space-action-padding-sm, 8px 20px); font: var(--comp-button-text-action-typog-sm, 700 0.875rem/1.25rem Lato); }

.button_md__rMwGB { padding: var(--comp-button-space-action-padding-md, 12px 24px); font: var(--comp-button-text-action-typog-md, 700 1rem/1.5rem Lato); }

.button_lg__Roc5c { padding: var(--comp-button-space-action-padding-lg, 16px 28px); font: var(--comp-button-text-action-typog-lg, 700 1.125rem/1.625rem Lato); }

.button_primary__4FFrD { background-color: var(--comp-button-color-action-bg-primary-default, #2F2F2F); border: var(--comp-button-style-action-border-primary-default, 1px solid #2F2F2F); color: var(--comp-button-color-action-fg-primary-default, #ffffff); fill: var(--comp-button-color-action-fg-primary-default, #ffffff); }

.button_primary__4FFrD:hover { background-color: var(--comp-button-color-action-bg-primary-hover, #717171); border: var(--comp-button-style-action-border-primary-hover, 1px solid #717171); color: var(--comp-button-color-action-fg-primary-hover, #ffffff); fill: var(--comp-button-color-action-fg-primary-hover, #ffffff); }

.button_primary__4FFrD:disabled, .button_primary__4FFrD:hover:disabled { background-color: var(--comp-button-color-action-bg-primary-disabled, #D9D9D9); border: var(--comp-button-style-action-border-disabled-default, 1px solid #D9D9D9); color: var(--comp-button-color-action-fg-primary-disabled, #9D9D9D); fill: var(--comp-button-color-action-fg-primary-disabled, #9D9D9D); }

.button_secondary__VHy8U { background-color: var(--comp-button-color-action-bg-secondary-default, #ffffff); border: var(--comp-button-style-action-border-secondary-default, 1px solid #2F2F2F); color: var(--comp-button-color-action-fg-secondary-default, #2F2F2F); fill: var(--comp-button-color-action-fg-secondary-default, #2F2F2F); }

.button_secondary__VHy8U:hover { background-color: var(--comp-button-color-action-bg-secondary-hover, #ffffff); border: var(--comp-button-style-action-border-secondary-hover, 1px solid #717171); color: var(--comp-button-color-action-fg-secondary-hover, #717171); fill: var(--comp-button-color-action-fg-secondary-hover, #717171); }

.button_secondary__VHy8U:disabled, .button_secondary__VHy8U:hover:disabled { background-color: var(--comp-button-color-action-bg-secondary-disabled, #ffffff); border: var(--comp-button-style-action-border-disabled-darker, 1px solid #9D9D9D); color: var(--comp-button-color-action-fg-secondary-disabled, #9D9D9D); fill: var(--comp-button-color-action-fg-secondary-disabled, #9D9D9D); }

.button_dark__5ATwc { background-color: var(--comp-base-color-on-light-default, #000); border: 1px solid var(--comp-base-color-on-light-default,#2F2F2F); color: var(--comp-base-color-on-dark-default, #FFF); fill: var(--comp-base-color-on-dark-default, #FFF); }

.button_dark__5ATwc:hover { background-color: var(--comp-base-color-on-light-default, #000); border: 1px solid var(--comp-base-color-on-light-default,#2F2F2F); color: var(--comp-base-color-on-dark-default, #FFF); fill: var(--comp-base-color-on-dark-default, #FFF); }

.button_dark__5ATwc:disabled, .button_dark__5ATwc:hover:disabled { background-color: var(--comp-button-color-action-bg-primary-disabled, #D9D9D9); border: var(--comp-button-style-action-border-disabled-default, 1px solid #D9D9D9); color: var(--comp-button-color-action-fg-primary-disabled, #9D9D9D); fill: var(--comp-button-color-action-fg-primary-disabled, #9D9D9D); }

.button_light__umJbM { background-color: var(--comp-base-color-on-dark-default, #FFF); border: 1px solid var(--comp-base-color-on-dark-default,#2F2F2F); color: var(--comp-base-color-on-light-default, #000); fill: var(--comp-base-color-on-light-default, #000); }

.button_light__umJbM:hover { background-color: var(--comp-base-color-on-dark-default, #FFF); border: 1px solid var(--comp-base-color-on-dark-default,#2F2F2F); color: var(--comp-base-color-on-light-default, #000); fill: var(--comp-base-color-on-light-default, #000); }

.button_light__umJbM:disabled, .button_light__umJbM:hover:disabled { background-color: var(--comp-button-color-action-bg-primary-disabled, #D9D9D9); border: var(--comp-button-style-action-border-disabled-default, 1px solid #D9D9D9); color: var(--comp-button-color-action-fg-primary-disabled, #9D9D9D); fill: var(--comp-button-color-action-fg-primary-disabled, #9D9D9D); }

.button_transparent__x2s\+y { background-color: transparent; border: 1px solid var(--comp-base-color-on-light-default,#2F2F2F); color: var(--comp-base-color-on-light-default, #000); fill: var(--comp-base-color-on-light-default, #000); }

.button_transparent__x2s\+y:hover { background-color: transparent; border: 1px solid var(--comp-base-color-on-light-default, #2F2F2F); color: var(--comp-base-color-on-light-default, #000); fill: var(--comp-base-color-on-light-default, #000); }

.button_transparent__x2s\+y:disabled, .button_transparent__x2s\+y:hover:disabled { background-color: var(--comp-button-color-action-bg-secondary-disabled, #ffffff); border: var(--comp-button-style-action-border-disabled-darker, 1px solid #9D9D9D); color: var(--comp-button-color-action-fg-secondary-disabled, #9D9D9D); fill: var(--comp-button-color-action-fg-secondary-disabled, #9D9D9D); }

.button_text-only__R1YMH { position: relative; border: none; padding: 2px 0px; background-color: transparent; color: var(--comp-button-color-action-fg-text-only-default, #000000); fill: var(--comp-button-color-action-fg-text-only-default, #000000); }

.button_text-only__R1YMH::after, .button_text-only__R1YMH:disabled::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; border-bottom: var(--comp-button-style-action-border-text-only-default, 2px solid #000000); }

.button_text-only__R1YMH:disabled::after, .button_text-only__R1YMH:hover:disabled::after { border-bottom: var(--comp-button-style-action-border-text-only-disabled, 2px solid #9D9D9D); }

.button_text-only__R1YMH:hover { background-color: transparent; border: none; color: var(--comp-button-color-action-fg-text-only-hover, #555555); fill: var(--comp-button-color-action-fg-text-only-hover, #555555); }

.button_text-only__R1YMH:hover::after { content: ""; position: absolute; bottom: 0px; right: 0px; width: 100%; border-bottom: var(--comp-button-style-action-border-text-only-hover, 2px solid #555555); }

.button_text-only__R1YMH:focus, .button_text-only__R1YMH:focus-within { outline: var(--comp-button-style-action-border-focused-default, 1px solid #2F2F2F); outline-offset: 6px; }

.button_text-only__R1YMH:disabled, .button_text-only__R1YMH:hover:disabled { background-color: transparent; border: none; border-radius: 0px; color: var(--comp-button-color-action-fg-text-only-disabled, #9D9D9D); fill: var(--comp-button-color-action-fg-text-only-disabled, #9D9D9D); }

.button_fullWidth__BoUui { width: 100%; }

.button_icon__pB52X { display: flex; place-content: center; align-items: center; }

.button_iconLeft__3HzGl { order: 0; margin-right: var(--comp-button-space-action-elements, 12px); }

.button_iconRight__Q2im9 { order: 1; margin-left: var(--comp-button-space-action-elements, 12px); }

@media (max-width: 600px) {
  [data-component="tempEdsButton"] div { width: 100% !important; }
  [data-component="tempEdsButton"] div div { padding: 5px; margin: 15px 0px !important; }
}