@heycar-uikit/core/button/esm/Button.css

The React UI library from HeyCar

.button__icon_kqri8{align-items:center;display:flex;flex-shrink:0;margin:0}.button__icon_kqri8:only-child{margin:0}.button__loader_1oj9e{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.button__loader_1oj9e div{animation-duration:.95s;animation-iteration-count:infinite;animation-name:button__blink_1oj9e;animation-timing-function:ease-in-out;background-color:currentColor;border-radius:100%;height:4px;margin-right:4px;transform:scale(0);width:4px}.button__loader_1oj9e div:first-child{animation-delay:0ms;transform-origin:15% 50%}.button__loader_1oj9e div:nth-child(2){animation-delay:.15s;transform-origin:50% 50%}.button__loader_1oj9e div:nth-child(3){animation-delay:.3s;transform-origin:85% 50%}@keyframes button__blink_1oj9e{21%{transform:scale(1)}47%{transform:scale(1)}68%{transform:scale(0)}}.button__button_1yxfz{align-content:center;align-items:center;border:0;border-style:solid;box-shadow:none;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;font-family:var(--font-family-system);gap:var(--spacing-2);justify-content:center;line-height:1.2;margin:0;outline:none;padding:var(--gap-2xs) var(--gap-xl);position:relative;text-decoration:none;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button__button_1yxfz:disabled,.button__button_1yxfz[disabled]{cursor:default;pointer-events:none}.button__iconLeft_1yxfz{margin-left:-4px}.button__iconRight_1yxfz{margin-right:-4px}.button__fullWidth_1yxfz{display:flex;width:100%}.button__loading_1yxfz .button__icon_1yxfz,.button__loading_1yxfz .button__text_1yxfz{opacity:0}.button__loading_1yxfz{pointer-events:none}.button__loading_1yxfz:hover{background:currentColor}.button__loader_1yxfz{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}:root{--button-small-height:var(--size-small-height);--button-large-height:var(--size-large-height)}.button__small_l9sbn{font-size:12px;min-height:var(--button-small-height);padding:var(--gap-2xs) var(--gap-s)}.button__large_l9sbn,.button__small_l9sbn{font-family:var(--font-family-system);font-weight:700;letter-spacing:.2px}.button__large_l9sbn{font-size:16px;min-height:var(--button-large-height)}:root{--color-mica-blue-500:#164ca3;--color-mica-blue-600:#123d82;--color-mica-blue-700:#052962;--color-sunbeam-blue-500:#c0e6ff;--color-sunbeam-blue-600:#9bd1f4;--color-sunbeam-blue-700:#73b6e1;--color-whatsapp-500:#59ce72;--color-whatsapp-600:#33a84c;--color-whatsapp-700:#148a2d;--color-tarmac-grey-50:#f3f3f3;--color-tarmac-grey-300:#b5b5b5;--color-tarmac-grey-700:#303030;--gap-2xs:4px;--gap-s:12px;--gap-xl:24px;--spacing-2:8px;--spacing-8:32px;--spacing-12:48px;--font-family-system:Objektiv,sans-serif,"Helvetica Neue",Helvetica,Arial;--color-primary-500:var(--color-mica-blue-500);--color-primary-600:var(--color-mica-blue-600);--color-primary-700:var(--color-mica-blue-700);--color-tertiary-500:var(--color-sunbeam-blue-500);--color-tertiary-600:var(--color-sunbeam-blue-600);--color-tertiary-700:var(--color-sunbeam-blue-700);--color-neutral-50:var(--color-tarmac-grey-50);--color-neutral-300:var(--color-tarmac-grey-300);--color-neutral-700:var(--color-tarmac-grey-700);--size-small-height:var(--spacing-8);--size-large-height:var(--spacing-12)}body{color:var(--color-neutral-700)}:root{--button-disabled-color:var(--color-neutral-300);--button-disabled-bg-color:var(--color-neutral-50);--button-primary-color:#fff;--button-primary-base-bg-color:var(--color-primary-500);--button-primary-hover-bg-color:var(--color-primary-600);--button-primary-active-bg-color:var(--color-primary-700);--button-tertiary-color:var(--color-neutral-700);--button-tertiary-base-bg-color:var(--color-tertiary-500);--button-tertiary-hover-bg-color:var(--color-tertiary-600);--button-tertiary-active-bg-color:var(--color-tertiary-700);--button-whatsapp-base-bg-color:var(--color-whatsapp-500);--button-whatsapp-hover-bg-color:var(--color-whatsapp-600);--button-whatsapp-active-bg-color:var(--color-whatsapp-700)}.button__primary_i531a{background:var(--button-primary-base-bg-color);color:var(--button-primary-base-bg-color)}.button__primary_i531a,.button__primary_i531a:after{border-color:var(--button-primary-base-bg-color)}.button__primary_i531a:hover{background:var(--button-primary-hover-bg-color);color:var(--button-primary-hover-bg-color)}.button__primary_i531a:hover,.button__primary_i531a:hover:after{border-color:var(--button-primary-hover-bg-color)}.button__primary_i531a:active,.button__primary_i531a:focus-visible{background:var(--button-primary-active-bg-color);border-color:var(--button-primary-active-bg-color);color:var(--button-primary-active-bg-color)}.button__primary_i531a:active:after,.button__primary_i531a:focus-visible:after{border-color:var(--button-primary-active-bg-color)}.button__tertiary_i531a{background:var(--button-tertiary-base-bg-color);color:var(--button-tertiary-base-bg-color)}.button__tertiary_i531a,.button__tertiary_i531a:after{border-color:var(--button-tertiary-base-bg-color)}.button__tertiary_i531a:hover{background:var(--button-tertiary-hover-bg-color);color:var(--button-tertiary-hover-bg-color)}.button__tertiary_i531a:hover,.button__tertiary_i531a:hover:after{border-color:var(--button-tertiary-hover-bg-color)}.button__tertiary_i531a:active,.button__tertiary_i531a:focus-visible{background:var(--button-tertiary-active-bg-color);border-color:var(--button-tertiary-active-bg-color);color:var(--button-tertiary-active-bg-color)}.button__tertiary_i531a:active:after,.button__tertiary_i531a:focus-visible:after{border-color:var(--button-tertiary-active-bg-color)}.button__whatsapp_i531a{background:var(--button-whatsapp-base-bg-color);color:var(--button-whatsapp-base-bg-color)}.button__whatsapp_i531a,.button__whatsapp_i531a:after{border-color:var(--button-whatsapp-base-bg-color)}.button__whatsapp_i531a:hover{background:var(--button-whatsapp-hover-bg-color);color:var(--button-whatsapp-hover-bg-color)}.button__whatsapp_i531a:hover,.button__whatsapp_i531a:hover:after{border-color:var(--button-whatsapp-hover-bg-color)}.button__whatsapp_i531a:active,.button__whatsapp_i531a:focus-visible{background:var(--button-whatsapp-active-bg-color);border-color:var(--button-whatsapp-active-bg-color);color:var(--button-whatsapp-active-bg-color)}.button__whatsapp_i531a:active:after,.button__whatsapp_i531a:focus-visible:after{border-color:var(--button-whatsapp-active-bg-color)}.button__contained_i531a.button__primary_i531a{color:var(--button-primary-color)}.button__contained_i531a.button__tertiary_i531a{color:var(--button-tertiary-color)}.button__contained_i531a.button__whatsapp_i531a{color:var(--button-primary-color)}.button__contained_i531a:disabled,.button__contained_i531a[disabled]{background:var(--button-disabled-bg-color);border-color:var(--button-disabled-bg-color);color:var(--button-disabled-color)}.button__outlined_i531a{background:#0000}.button__outlined_i531a:after{border:1px solid;box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.button__outlined_i531a:hover{background:#0000}.button__outlined_i531a:hover:after{border-width:2px}.button__outlined_i531a:active,.button__outlined_i531a:focus-visible{background:none}.button__outlined_i531a:active:after,.button__outlined_i531a:focus-visible:after{border-width:2px}.button__outlined_i531a.button__tertiary_i531a{color:var(--button-tertiary-color)}.button__outlined_i531a:disabled,.button__outlined_i531a[disabled]{background:none;color:var(--button-disabled-color)}.button__outlined_i531a:disabled:after,.button__outlined_i531a[disabled]:after{border-color:var(--button-disabled-bg-color)}.button__link_i531a{background:#0000;min-height:auto;padding:0;text-decoration:underline;text-underline-offset:1px}.button__link_i531a:hover{background:#0000;text-decoration-thickness:2px}.button__link_i531a:active,.button__link_i531a:focus-visible{background:#0000}.button__link_i531a:disabled,.button__link_i531a[disabled]{border-color:var(--button-disabled-color);color:var(--button-disabled-color)}
/*# sourceMappingURL=Button.css.map */