.kone-icon-button{align-items:center;background-color:var(--color-blue-500);border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;position:relative}.kone-icon-button__icon-wrapper{height:100%;position:relative;width:100%}.kone-icon-button__icon-wrapper .kone-icon-button__svg{animation-duration:.3s;animation-fill-mode:forwards;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%, -50%)}.kone-icon-button__icon-wrapper .default,.kone-icon-button__icon-wrapper .hover{opacity:1}.kone-icon-button--icon-arrow-right:hover:not(:disabled) .default{animation:arrow-slide-right-out .25s forwards}.kone-icon-button--icon-arrow-right:hover:not(:disabled) .hover{animation:arrow-slide-right-in .35s forwards}.kone-icon-button--icon-arrow-right:not(:hover,:disabled) .default{animation:arrow-slide-right-back .25s forwards}.kone-icon-button--icon-arrow-right:not(:hover,:disabled) .hover{animation:arrow-slide-right-out-back .25s forwards}.kone-icon-button--icon-arrow-left:hover:not(:disabled) .default{animation:arrow-slide-left-out .25s forwards}.kone-icon-button--icon-arrow-left:hover:not(:disabled) .hover{animation:arrow-slide-left-in .35s forwards}.kone-icon-button--icon-arrow-left:not(:hover,:disabled) .default{animation:arrow-slide-left-back .25s forwards}.kone-icon-button--icon-arrow-left:not(:hover,:disabled) .hover{animation:arrow-slide-left-out-back .25s forwards}.kone-icon-button--icon-close-cross:hover:not(:disabled) .kone-icon-button__svg{animation:rotate-in .3s forwards}.kone-icon-button--icon-close-cross:not(:hover,:disabled) .kone-icon-button__svg{animation:rotate-out .3s forwards}.kone-icon-button.small{border-radius:var(--kone-layout-button-primary-border-radius);height:24px;width:24px}.kone-icon-button.small .kone-icon-button__icon-wrapper{padding:8px}.kone-icon-button.small .kone-icon-button__icon-wrapper .kone-icon-button__svg{height:16px;width:16px}.kone-icon-button.medium{border-radius:var(--kone-layout-button-primary-border-radius);height:48px;width:48px}.kone-icon-button.medium .kone-icon-button__icon-wrapper{padding:8px 13px}.kone-icon-button.medium .kone-icon-button__icon-wrapper .kone-icon-button__svg{height:22px;width:22px}.kone-icon-button.large{border-radius:var(--kone-layout-button-primary-border-radius);height:64px;width:64px}.kone-icon-button.large .kone-icon-button__icon-wrapper{padding:8px 20px}.kone-icon-button.large .kone-icon-button__icon-wrapper .kone-icon-button__svg{height:24px;width:24px}.kone-icon-button.primary{color:var(--color-grey-0)}.kone-icon-button.primary:active{background-color:var(--color-blue-350)}.kone-icon-button.primary:disabled,.kone-icon-button.primary[disabled]{background-color:var(--color-grey-250);cursor:not-allowed}.kone-icon-button.primary:disabled .kone-icon-button__svg,.kone-icon-button.primary[disabled] .kone-icon-button__svg{color:var(--color-grey-400)}.kone-icon-button.primary:focus{background-color:var(--color-blue-600);outline:none}.kone-icon-button.primary:hover:not(:disabled){background-color:var(--color-blue-400)}.kone-icon-button.secondary-light-blue{background-color:var(--color-blue-100);border:1px solid rgba(0,0,0,0);color:var(--color-blue-500)}.kone-icon-button.secondary-light-blue:active{background-color:var(--color-blue-150);border-color:var(--color-blue-500)}.kone-icon-button.secondary-light-blue:disabled,.kone-icon-button.secondary-light-blue[disabled]{background-color:var(--color-grey-150);border:none;color:var(--color-grey-400);cursor:not-allowed}.kone-icon-button.secondary-light-blue:focus{background-color:var(--color-blue-200);border-color:var(--color-blue-500);outline:none}.kone-icon-button.secondary-light-blue:hover:not(:disabled){background-color:var(--color-blue-130);border-color:var(--color-blue-500)}.kone-icon-button.secondary-white{background-color:var(--color-grey-0);border:1px solid rgba(0,0,0,0);color:var(--color-blue-500)}.kone-icon-button.secondary-white:active{background-color:var(--color-blue-130);border-color:var(--color-blue-500)}.kone-icon-button.secondary-white:disabled,.kone-icon-button.secondary-white[disabled]{background-color:var(--color-grey-125);border:none;color:var(--color-grey-400);cursor:not-allowed}.kone-icon-button.secondary-white:focus{background-color:var(--color-blue-150);border-color:var(--color-blue-500);outline:none}.kone-icon-button.secondary-white:hover:not(:disabled){background-color:var(--color-blue-100);border-color:var(--color-blue-500)}@keyframes arrow-slide-right-out{0%{transform:translate(-50%, -50%) translateX(0);opacity:1}100%{transform:translate(-50%, -50%) translateX(100%);opacity:0}}@keyframes arrow-slide-right-in{0%{transform:translate(-50%, -50%) translateX(-100%);opacity:0}100%{transform:translate(-50%, -50%) translateX(0);opacity:1}}@keyframes arrow-slide-right-back{0%{transform:translate(-50%, -50%) translateX(100%);opacity:0}100%{transform:translate(-50%, -50%) translateX(0);opacity:1}}@keyframes arrow-slide-right-out-back{0%{transform:translate(-50%, -50%) translateX(0);opacity:1}100%{transform:translate(-50%, -50%) translateX(-100%);opacity:0}}@keyframes arrow-slide-left-out{0%{transform:translate(-50%, -50%) translateX(0);opacity:1}100%{transform:translate(-50%, -50%) translateX(-100%);opacity:0}}@keyframes arrow-slide-left-in{0%{transform:translate(-50%, -50%) translateX(100%);opacity:0}100%{transform:translate(-50%, -50%) translateX(0);opacity:1}}@keyframes arrow-slide-left-back{0%{transform:translate(-50%, -50%) translateX(-100%);opacity:0}100%{transform:translate(-50%, -50%) translateX(0);opacity:1}}@keyframes arrow-slide-left-out-back{0%{transform:translate(-50%, -50%) translateX(0);opacity:1}100%{transform:translate(-50%, -50%) translateX(100%);opacity:0}}@keyframes rotate-in{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(90deg)}}@keyframes rotate-out{0%{transform:translate(-50%, -50%) rotate(90deg)}100%{transform:translate(-50%, -50%) rotate(0deg)}}@keyframes arrow-slide-down-in{0%{transform:translateY(-100%);opacity:1}35%{transform:translateY(0)}80%{transform:translateY(0);opacity:1}100%{transform:translateY(0);opacity:0}}@keyframes hero-arrow-slide-loop{0%{transform:translateX(0);opacity:1}49%{transform:translateX(100%);opacity:0}50%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes hero-arrow-slide-loop-reverse{0%{transform:translateX(0);opacity:1}49%{transform:translateX(-100%);opacity:0}50%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}.cmp-button{--kone-button-size-medium: 16px;--kone-button-size-large: 20px;--kone-button-line-height-medium: 24px;--kone-button-line-height-large: 32px;--kone-button-height-medium: 48px;--kone-button-height-large: 64px;--kone-button-padding-medium: 12px 14px;--kone-button-padding-secondary-medium: 8px 14px;--kone-button-padding-large: 8px 20px;--kone-button-padding-hero-medium: 8px 6px 8px 16px;--kone-button-padding-hero-large: 8px 8px 8px 20px;--kone-button-icon-size-medium: 22px;--kone-button-icon-size-large: 24px;--kone-button-icon-gap-medium: 6px;--kone-button-icon-gap-large: 8px;--kone-button-icon-size-hero-medium: 16px;--kone-button-icon-size-hero-large: 20px;--kone-button-hero-circle-size-medium: 36px;--kone-button-hero-circle-size-large: 44px;--kone-button-hero-icon-gap-medium: 10px;--kone-button-hero-icon-gap-large: 12px;--kone-button-size: var(--kone-button-size-medium);--kone-button-line-height: var(--kone-button-line-height-medium);--kone-button-height: var(--kone-button-height-medium);--kone-button-padding: var(--kone-button-padding-medium);--kone-button-icon-size: var(--kone-button-icon-size-medium);--kone-button-icon-gap: var(--kone-button-icon-gap-medium);--kone-button-hero-circle-size: var(--kone-button-hero-circle-size-medium);--kone-button-hero-icon-gap: var(--kone-button-hero-icon-gap-medium);--kone-button-text: var(--kone-color-button-primary-text);--kone-button-text-hover: var(--kone-color-button-primary-text-hover);--kone-button-bg: var(--kone-color-button-primary-bg);--kone-button-bg-hover: var(--kone-color-button-primary-bg-hover);--kone-button-bg-focus: var(--kone-color-button-primary-bg-focus);--kone-button-bg-active: var(--kone-color-button-primary-bg-active);--kone-button-border: var(--kone-color-button-primary-border);--kone-button-border-hover: var(--kone-color-button-primary-border-hover);--kone-button-border-focus: var(--kone-color-button-primary-border-focus);--kone-button-border-active: var(--kone-color-button-primary-border-active);--kone-button-icon: var(--kone-color-button-primary-text);--kone-button-icon-hover: var(--kone-color-button-primary-text-hover);align-items:center;background-color:var(--kone-button-bg);border:1px solid var(--kone-button-border);border-radius:var(--kone-layout-button-primary-border-radius);color:var(--kone-button-text) !important;cursor:pointer;display:inline-flex;font-family:var(--kone-font-face-1-name);font-size:var(--kone-button-size);font-weight:var(--kone-typography-weight-semibold);height:var(--kone-button-height);justify-content:center;line-height:var(--kone-button-line-height);padding:var(--kone-button-padding);text-align:center;text-decoration:none !important;width:auto}.cmp-button__content{align-items:center;display:inline-flex;gap:var(--kone-button-icon-gap);justify-content:center;position:relative;transition:gap var(--motion-duration-m) var(--motion-easing-standard);width:100%}.cmp-button__content--icon-left{flex-direction:row-reverse}@media only screen and (min-width: 1024px){.cmp-button__content{gap:0}.cq-Editable-dom .cmp-button__content{gap:var(--kone-button-icon-gap)}}.cmp-button__text{display:block;transition:transform var(--motion-duration-m) var(--motion-easing-standard)}.cmp-button__svg{display:inline-flex;opacity:1;overflow:hidden;transform:translateX(0);transition:opacity var(--motion-duration-m) var(--motion-easing-standard),width var(--motion-duration-m) var(--motion-easing-standard),transform var(--motion-duration-m) var(--motion-easing-standard);width:auto}.cmp-button__svg svg{height:var(--kone-button-icon-size);width:var(--kone-button-icon-size)}@media only screen and (min-width: 1024px){:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg) .cmp-button__svg{opacity:0;width:0}:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg) .cmp-button__content--icon-left .cmp-button__svg{transform:translateX(10px)}:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg) .cmp-button__content--icon-right .cmp-button__svg{transform:translateX(-10px)}:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):hover .cmp-button__content,:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):focus-visible .cmp-button__content,:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):active .cmp-button__content{gap:var(--kone-button-icon-gap)}:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):hover .cmp-button__svg,:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):focus-visible .cmp-button__svg,:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):active .cmp-button__svg{opacity:1;transform:translateX(0);width:auto}:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):hover .cmp-button__content--icon-left .cmp-button__svg,:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):focus-visible .cmp-button__content--icon-left .cmp-button__svg,:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):active .cmp-button__content--icon-left .cmp-button__svg{transform:translateX(0)}:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):hover .cmp-button__content--icon-left .cmp-button__text,:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):focus-visible .cmp-button__content--icon-left .cmp-button__text,:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):active .cmp-button__content--icon-left .cmp-button__text{transform:translateX(2px)}:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):hover .cmp-button__content--icon-right .cmp-button__svg,:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):focus-visible .cmp-button__content--icon-right .cmp-button__svg,:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):active .cmp-button__content--icon-right .cmp-button__svg{transform:translateX(0)}:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):hover .cmp-button__content--icon-right .cmp-button__text,:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):focus-visible .cmp-button__content--icon-right .cmp-button__text,:not(.kone-button-type--hero,.cq-Editable-dom)>.cmp-button:not([disabled]):has(.cmp-button__svg):active .cmp-button__content--icon-right .cmp-button__text{transform:translateX(-2px)}}.cmp-button:hover{background-color:var(--kone-button-bg-hover);border:1px solid var(--kone-button-border-hover);color:var(--kone-button-text-hover)}.cmp-button:focus-visible{background-color:var(--kone-button-bg-focus);border:1px solid var(--kone-button-border-focus);outline:none}.cmp-button:active{background-color:var(--kone-button-bg-active);border:1px solid var(--kone-button-border-active);outline:none}.cmp-button[disabled]{cursor:not-allowed}.kone-button--medium .cmp-button{--kone-button-size: var(--kone-button-size-medium);--kone-button-line-height: var(--kone-button-line-height-medium);--kone-button-height: var(--kone-button-height-medium);--kone-button-padding: var(--kone-button-padding-medium);--kone-button-icon-size: var(--kone-button-icon-size-medium);--kone-button-icon-gap: var(--kone-button-icon-gap-medium);--kone-button-hero-circle-size: var(--kone-button-hero-circle-size-medium);--kone-button-hero-icon-gap: var(--kone-button-hero-icon-gap-medium)}.kone-button--large .cmp-button{--kone-button-size: var(--kone-button-size-large);--kone-button-line-height: var(--kone-button-line-height-large);--kone-button-height: var(--kone-button-height-large);--kone-button-padding: var(--kone-button-padding-large);--kone-button-icon-size: var(--kone-button-icon-size-large);--kone-button-icon-gap: var(--kone-button-icon-gap-large);--kone-button-hero-circle-size: var(--kone-button-hero-circle-size-large);--kone-button-hero-icon-gap: var(--kone-button-hero-icon-gap-large)}.kone-button-type--hero.kone-button--medium .cmp-button{--kone-button-padding: var(--kone-button-padding-hero-medium);--kone-button-icon-size: var(--kone-button-icon-size-hero-medium)}.kone-button-type--hero.kone-button--large .cmp-button{--kone-button-padding: var(--kone-button-padding-hero-large);--kone-button-icon-size: var(--kone-button-icon-size-hero-large)}.kone-button-type--default.kone-button-variant--secondary.kone-button--medium .cmp-button{--kone-button-padding: var(--kone-button-padding-secondary-medium)}.kone-button.kone-button-variant--primary .cmp-button{display:inline-flex}.kone-button.kone-button-variant--primary .cmp-button[disabled]{display:inline-flex;--kone-button-text: var(--kone-color-button-primary-disabled-text);--kone-button-text-hover: var(--kone-color-button-primary-disabled-text-hover);--kone-button-bg: var(--kone-color-button-primary-disabled-bg);--kone-button-bg-hover: var(--kone-color-button-primary-disabled-bg-hover);--kone-button-border: var(--kone-color-button-primary-disabled-border);--kone-button-border-hover: var(--kone-color-button-primary-disabled-border-hover);--kone-button-icon: var(--kone-color-button-primary-disabled-text);--kone-button-icon-hover: var(--kone-color-button-primary-disabled-text-hover);--kone-layout-button-primary-border-radius: var(--kone-layout-button-disabled-border-radius)}.kone-button.kone-button-variant--primary .cmp-button[disabled] .cmp-button__svg{display:none}.kone-button.kone-button-type--hero .cmp-button[disabled] .cmp-button__svg{display:inline-flex}.kone-button.kone-button-variant--primary .cmp-button[disabled]:hover,.kone-button.kone-button-variant--primary .cmp-button[disabled]:focus,.kone-button.kone-button-variant--primary .cmp-button[disabled]:focus-visible,.kone-button.kone-button-variant--primary .cmp-button[disabled]:active{background-color:var(--kone-button-bg);border-color:var(--kone-button-border);color:var(--kone-button-text);outline:none;box-shadow:none}.kone-button.kone-button-variant--secondary .cmp-button{--kone-button-text: var(--kone-color-button-secondary-text);--kone-button-text-hover: var(--kone-color-button-secondary-text-hover);--kone-button-bg: var(--kone-color-button-secondary-bg);--kone-button-bg-hover: var(--kone-color-button-secondary-bg-hover);--kone-button-bg-focus: var(--kone-color-button-secondary-bg-focus);--kone-button-bg-active: var(--kone-color-button-secondary-bg-active);--kone-button-border: var(--kone-color-button-secondary-border);--kone-button-border-hover: var(--kone-color-button-secondary-border-hover);--kone-button-border-focus: var(--kone-color-button-secondary-border-focus);--kone-button-border-active: var(--kone-color-button-secondary-border-active);--kone-button-icon: var(--kone-color-button-secondary-text);--kone-button-icon-hover: var(--kone-color-button-secondary-text-hover);--kone-layout-button-primary-border-radius: var(--kone-layout-button-secondary-border-radius)}.kone-button.kone-button-variant--secondary .cmp-button[disabled]{--kone-button-text: var(--kone-color-button-secondary-text);--kone-button-text-hover: var(--kone-color-button-secondary-text-hover);--kone-button-bg: var(--kone-color-button-secondary-bg);--kone-button-bg-hover: var(--kone-color-button-secondary-bg-hover);--kone-button-bg-focus: var(--kone-color-button-secondary-bg-focus);--kone-button-bg-active: var(--kone-color-button-secondary-bg-active);--kone-button-border: var(--kone-color-button-secondary-border);--kone-button-border-hover: var(--kone-color-button-secondary-border-hover);--kone-button-border-focus: var(--kone-color-button-secondary-border-focus);--kone-button-border-active: var(--kone-color-button-secondary-border-active);--kone-button-icon: var(--kone-color-button-secondary-text);--kone-button-icon-hover: var(--kone-color-button-secondary-text-hover);--kone-layout-button-primary-border-radius: var(--kone-layout-button-secondary-border-radius);--kone-button-text: var(--kone-color-button-secondary-disabled-text);--kone-button-text-hover: var(--kone-color-button-secondary-disabled-text-hover);--kone-button-bg: var(--kone-color-button-secondary-disabled-bg);--kone-button-bg-hover: var(--kone-color-button-secondary-disabled-bg-hover);--kone-button-border: var(--kone-color-button-secondary-disabled-border);--kone-button-border-hover: var(--kone-color-button-secondary-disabled-border-hover);--kone-button-icon: var(--kone-color-button-secondary-disabled-text);--kone-button-icon-hover: var(--kone-color-button-secondary-disabled-text-hover);--kone-layout-button-primary-border-radius: var(--kone-layout-button-disabled-border-radius)}.kone-button.kone-button-variant--secondary .cmp-button[disabled] .cmp-button__svg{display:none}.kone-button.kone-button-variant--secondary .cmp-button[disabled]:hover,.kone-button.kone-button-variant--secondary .cmp-button[disabled]:focus,.kone-button.kone-button-variant--secondary .cmp-button[disabled]:focus-visible,.kone-button.kone-button-variant--secondary .cmp-button[disabled]:active{background-color:var(--kone-button-bg);border-color:var(--kone-button-border);color:var(--kone-button-text);outline:none;box-shadow:none}.kone-button.kone-button-type--hero .cmp-button{--kone-button-text: var(--kone-color-button-hero-text);--kone-button-text-hover: var(--kone-color-button-hero-text-hover);--kone-button-bg: var(--kone-color-button-hero-bg);--kone-button-bg-hover: var(--kone-color-button-hero-bg-hover);--kone-button-bg-focus: var(--kone-color-button-hero-bg-focus);--kone-button-bg-active: var(--kone-color-button-hero-bg-active);--kone-button-border: var(--kone-color-button-hero-border);--kone-button-border-hover: var(--kone-color-button-hero-border-hover);--kone-button-border-focus: var(--kone-color-button-hero-border-focus);--kone-button-border-active: var(--kone-color-button-hero-border-active);--kone-button-icon: var(--kone-color-button-hero-icon);--kone-button-icon-hover: var(--kone-color-button-hero-icon-hover);--kone-button-icon-focus: var(--kone-color-button-hero-icon-focus);--kone-button-icon-active: var(--kone-color-button-hero-icon-active);--kone-layout-button-primary-border-radius: var(--kone-layout-button-hero-border-radius)}.kone-button.kone-button-type--hero .cmp-button__content{display:inline-flex;gap:var(--kone-button-hero-icon-gap)}.kone-button.kone-button-type--hero .cmp-button__content--icon-left,.kone-button.kone-button-type--hero .cmp-button__content--icon-right{flex-direction:row}.kone-button.kone-button-type--hero .cmp-button__text{transform:none;transition:none}.kone-button.kone-button-type--hero .cmp-button__svg{align-items:center;background-color:var(--color-surface-neutral-primary);border-radius:50%;display:inline-flex;height:var(--kone-button-hero-circle-size);justify-content:center;opacity:1;padding:8px;transition:none;width:var(--kone-button-hero-circle-size)}.kone-button.kone-button-type--hero .cmp-button__svg svg{color:var(--kone-button-icon);height:var(--kone-button-icon-size);width:var(--kone-button-icon-size);transition:none;animation:none}.kone-button.kone-button-type--hero .cmp-button:not([disabled]):hover .cmp-button__svg svg{animation:hero-arrow-slide-loop .3s linear;animation-fill-mode:none;color:var(--kone-color-button-hero-icon-hover)}.kone-button.kone-button-type--hero .cmp-button:not([disabled]):focus-visible .cmp-button__svg svg{animation:hero-arrow-slide-loop .3s linear;animation-fill-mode:none;color:var(--kone-color-button-hero-icon-focus)}.kone-button.kone-button-type--hero .cmp-button:not([disabled],:hover,:focus-visible) .cmp-button__svg svg{animation:hero-arrow-slide-loop-reverse .3s linear;animation-fill-mode:none}.kone-button.kone-button-type--hero .cmp-button:not([disabled]):active .cmp-button__svg svg{color:var(--kone-color-button-hero-icon-active)}.kone-button.kone-button-type--hero .cmp-button[disabled] .cmp-button__svg svg{color:var(--kone-button-text)}.kone-button.kone-button-type--hero .cmp-button[disabled]{display:inline-flex;--kone-button-text: var(--kone-color-button-primary-disabled-text);--kone-button-text-hover: var(--kone-color-button-primary-disabled-text-hover);--kone-button-bg: var(--kone-color-button-primary-disabled-bg);--kone-button-bg-hover: var(--kone-color-button-primary-disabled-bg-hover);--kone-button-border: var(--kone-color-button-primary-disabled-border);--kone-button-border-hover: var(--kone-color-button-primary-disabled-border-hover);--kone-button-icon: var(--kone-color-button-primary-disabled-text);--kone-button-icon-hover: var(--kone-color-button-primary-disabled-text-hover);--kone-layout-button-primary-border-radius: var(--kone-layout-button-disabled-border-radius)}.kone-button.kone-button-type--hero .cmp-button[disabled] .cmp-button__svg{display:none}.kone-button.kone-button-type--hero .cmp-button[disabled] .cmp-button__svg{display:inline-flex}.kone-button.kone-button-type--hero .cmp-button[disabled]:hover,.kone-button.kone-button-type--hero .cmp-button[disabled]:focus,.kone-button.kone-button-type--hero .cmp-button[disabled]:focus-visible,.kone-button.kone-button-type--hero .cmp-button[disabled]:active{background-color:var(--kone-button-bg);border-color:var(--kone-button-border);color:var(--kone-button-text);outline:none;box-shadow:none}.kone-button{text-align:var(--kone-button-text-align, left)}.kone-button--left{--kone-button-text-align: left}.kone-button--center{--kone-button-text-align: center}.kone-button--right{--kone-button-text-align: right}