:host{display:inline-block}.cmpr-button{background-color:var(--cmpr-button-background-color);border:var(--cmpr-button-border);border-radius:var(--cmpr-button-border-radius);box-sizing:border-box;color:var(--cmpr-button-text-color);cursor:pointer;font-family:var(--cmpr-button-font-family);font-size:var(--cmpr-button-font-size);font-weight:var(--cmpr-button-font-weight);line-height:var(--cmpr-button-line-height);padding-block:calc(var(--cmpr-button-padding-block) - var(--cmpr-button-border-width));padding-inline:var(--cmpr-button-padding-inline);text-align:var(--cmpr-button-text-align);transition:background-color var(--cmpr-transition-duration-10) var(--cmpr-transition-function);-webkit-tap-highlight-color:transparent;margin:0;text-decoration:none;display:inline-block}.cmpr-button ::slotted(:first-child){margin-right:var(--cmpr-space-50)}.cmpr-button[data-size=x-small] ::slotted(:first-child){margin-right:var(--cmpr-space-40)}@media (hover:hover){.cmpr-button:hover{background-color:var(--cmpr-button-background-color-hover);color:var(--cmpr-button-text-color-hover)}}.cmpr-button:focus-visible{background-color:var(--cmpr-button-background-color-hover);color:var(--cmpr-button-text-color-hover)}.cmpr-button:active{background-color:var(--cmpr-button-background-color-active);color:var(--cmpr-button-text-color-active)}.cmpr-button:disabled{background-color:var(--cmpr-button-background-color-disabled);border-color:var(--cmpr-button-border-color-disabled);color:var(--cmpr-button-text-color-disabled);cursor:not-allowed}.cmpr-button[data-size=large]{--cmpr-button-font-size:var(--cmpr-button-font-size-large);--cmpr-button-font-weight:var(--cmpr-button-font-weight-large);--cmpr-button-padding-block:var(--cmpr-button-padding-block-large);--cmpr-button-padding-inline:var(--cmpr-button-padding-inline-large);--cmpr-button-border-radius:var(--cmpr-button-border-radius-large)}.cmpr-button[data-size=medium]{--cmpr-button-font-size:var(--cmpr-button-font-size-medium);--cmpr-button-font-weight:var(--cmpr-button-font-weight-medium);--cmpr-button-padding-block:var(--cmpr-button-padding-block-medium);--cmpr-button-padding-inline:var(--cmpr-button-padding-inline-medium);--cmpr-button-border-radius:var(--cmpr-button-border-radius-medium)}.cmpr-button[data-size=small]{--cmpr-button-font-size:var(--cmpr-button-font-size-small);--cmpr-button-font-weight:var(--cmpr-button-font-weight-small);--cmpr-button-padding-block:var(--cmpr-button-padding-block-small);--cmpr-button-padding-inline:var(--cmpr-button-padding-inline-small);--cmpr-button-border-radius:var(--cmpr-button-border-radius-small)}.cmpr-button[data-size=x-small]{--cmpr-button-font-size:var(--cmpr-button-font-size-x-small);--cmpr-button-font-weight:var(--cmpr-button-font-weight-x-small);--cmpr-button-padding-block:var(--cmpr-button-padding-block-x-small);--cmpr-button-padding-inline:var(--cmpr-button-padding-inline-x-small);--cmpr-button-border-radius:var(--cmpr-button-border-radius-x-small)}.cmpr-button[data-variant=primary]{--cmpr-button-text-color:var(--cmpr-button-text-color-primary);--cmpr-button-background-color:var(--cmpr-button-background-color-primary);--cmpr-button-text-color-hover:var(--cmpr-button-text-color-primary-hover);--cmpr-button-background-color-hover:var(--cmpr-button-background-color-primary-hover);--cmpr-button-text-color-active:var(--cmpr-button-text-color-primary-active);--cmpr-button-background-color-active:var(--cmpr-button-background-color-primary-active);--cmpr-button-text-color-disabled:var(--cmpr-button-text-color-primary-disabled);--cmpr-button-background-color-disabled:var(--cmpr-button-background-color-primary-disabled)}.cmpr-button[data-variant=secondary]{--cmpr-button-text-color:var(--cmpr-button-text-color-secondary);--cmpr-button-background-color:var(--cmpr-button-background-color-secondary);--cmpr-button-text-color-hover:var(--cmpr-button-text-color-secondary-hover);--cmpr-button-background-color-hover:var(--cmpr-button-background-color-secondary-hover);--cmpr-button-text-color-active:var(--cmpr-button-text-color-secondary-active);--cmpr-button-background-color-active:var(--cmpr-button-background-color-secondary-active);--cmpr-button-text-color-disabled:var(--cmpr-button-text-color-secondary-disabled);--cmpr-button-background-color-disabled:var(--cmpr-button-background-color-secondary-disabled)}.cmpr-button[data-variant=tertiary]{--cmpr-button-text-color:var(--cmpr-button-text-color-tertiary);--cmpr-button-background-color:var(--cmpr-button-background-color-tertiary);--cmpr-button-text-color-hover:var(--cmpr-button-text-color-tertiary-hover);--cmpr-button-background-color-hover:var(--cmpr-button-background-color-tertiary-hover);--cmpr-button-text-color-active:var(--cmpr-button-text-color-tertiary-active);--cmpr-button-background-color-active:var(--cmpr-button-background-color-tertiary-active);--cmpr-button-text-color-disabled:var(--cmpr-button-text-color-tertiary-disabled);--cmpr-button-background-color-disabled:var(--cmpr-button-background-color-tertiary-disabled)}.cmpr-button[data-variant=outline]{--cmpr-button-text-color:var(--cmpr-button-text-color-outline);--cmpr-button-background-color:var(--cmpr-button-background-color-outline);--cmpr-button-text-color-hover:var(--cmpr-button-text-color-outline-hover);--cmpr-button-background-color-hover:var(--cmpr-button-background-color-outline-hover);--cmpr-button-text-color-active:var(--cmpr-button-text-color-outline-active);--cmpr-button-background-color-active:var(--cmpr-button-background-color-outline-active);--cmpr-button-text-color-disabled:var(--cmpr-button-text-color-outline-disabled);--cmpr-button-background-color-disabled:var(--cmpr-button-background-color-outline-disabled);--cmpr-button-border-width:var(--cmpr-button-border-width-outline-large);--cmpr-button-border-outline:var(--cmpr-button-border-width) solid var(--cmpr-button-border-color);--cmpr-button-border:var(--cmpr-button-border-outline);--cmpr-button-border-color:var(--cmpr-button-border-color-outline);--cmpr-button-border-color-disabled:var(--cmpr-button-border-color-outline-disabled)}.cmpr-button[data-variant=outline][data-size=large]{--cmpr-button-border-width:var(--cmpr-button-border-width-outline-large)}.cmpr-button[data-variant=outline][data-size=medium]{--cmpr-button-border-width:var(--cmpr-button-border-width-outline-medium)}.cmpr-button[data-variant=outline][data-size=small]{--cmpr-button-border-width:var(--cmpr-button-border-width-outline-small)}.cmpr-button[data-variant=outline][data-size=x-small]{--cmpr-button-border-width:var(--cmpr-button-border-width-outline-x-small)}.cmpr-button[data-variant=text]{--cmpr-button-text-color:var(--cmpr-button-text-color-text);--cmpr-button-background-color:var(--cmpr-button-background-color-text);--cmpr-button-text-color-hover:var(--cmpr-button-text-color-text-hover);--cmpr-button-background-color-hover:var(--cmpr-button-background-color-text-hover);--cmpr-button-text-color-active:var(--cmpr-button-text-color-text-active);--cmpr-button-background-color-active:var(--cmpr-button-background-color-text-active);--cmpr-button-text-color-disabled:var(--cmpr-button-text-color-text-disabled);--cmpr-button-background-color-disabled:var(--cmpr-button-background-color-text-disabled)}.cmpr-button[data-variant=text]:disabled{background-color:initial}:host .cmpr-button{width:100%;height:100%}