:root {
    /* region Button Tokens */
    --kt-ui-button-primary: var(--c-ui-button-primary, var(--kt-ui-color-primary));
    --kt-ui-button-primary-hover: var(--c-ui-button-primary-hover, var(--kt-ui-color-primary-hover));
    --kt-ui-button-primary-active: var(--c-ui-button-primary-active, var(--kt-ui-color-primary-active));
    --kt-ui-button-primary-disabled: var(--c-ui-button-primary-disabled, var(--kt-ui-gray-30));
    --kt-ui-button-primary-border-color: var(--c-ui-button-primary-border-color, var(--kt-ui-color-primary));
    --kt-ui-button-primary-border-color-hover: var(--c-ui-button-primary-border-color-hover, var(--kt-ui-color-primary-hover));
    --kt-ui-button-primary-border-color-active: var(--c-ui-button-primary-border-color-active, var(--kt-ui-color-primary-active));
    --kt-ui-button-primary-border-color-disabled: var(--c-ui-button-primary-border-color-disabled, var(--kt-ui-button-primary-disabled));
    --kt-ui-button-primary-color: var(--c-ui-button-primary-color, var(--kt-ui-text-on-color));
    --kt-ui-button-primary-color-hover: var(--c-ui-button-primary-color-hover, var(--kt-ui-text-on-color));
    --kt-ui-button-primary-color-active: var(--c-ui-button-primary-color-active, var(--kt-ui-text-on-color));
    --kt-ui-button-primary-outline-focus: var(--c-ui-button-primary-outline-focus, var(--kt-ui-focus));

    --kt-ui-button-secondary: var(--c-ui-button-secondary, var(--kt-ui-white));
    --kt-ui-button-secondary-hover: var(--c-ui-button-secondary-hover, rgb(from var(--kt-ui-white) r g b / 70%));
    --kt-ui-button-secondary-active: var(--c-ui-button-secondary-active, var(--kt-ui-gray-10-hover));
    --kt-ui-button-secondary-disabled: var(--c-ui-button-disabled, rgb(from var(--kt-ui-white) r g b / 70%));
    --kt-ui-button-secondary-border-color: var(--c-ui-button-secondary-border-color, var(--kt-ui-button-secondary));
    --kt-ui-button-secondary-border-color-hover: var(--c-ui-button-secondary-border-color-hover, var(--kt-ui-button-secondary-hover));
    --kt-ui-button-secondary-border-color-active: var(--c-ui-button-secondary-border-color-active, var(--kt-ui-button-secondary-active));
    --kt-ui-button-secondary-border-color-disabled: var(--c-ui-button-secondary-border-color-disabled, var(--kt-ui-button-secondary-disabled));
    --kt-ui-button-secondary-color: var(--c-ui-button-secondary-color, var(--kt-ui-text-primary));
    --kt-ui-button-secondary-color-hover: var(--c-ui-button-secondary-color-hover, var(--kt-ui-text-accented));
    --kt-ui-button-secondary-color-active: var(--c-ui-button-secondary-color-active, var(--kt-ui-text-accented));
    --kt-ui-button-secondary-outline-focus: var(--c-ui-button-secondary-outline-focus, var(--kt-ui-focus));

    --kt-ui-button-tertiary: var(--c-ui-button-tertiary, var(--kt-ui-gray-40));
    --kt-ui-button-tertiary-hover: var(--c-ui-button-tertiary-hover, var(--kt-ui-gray-10-hover));
    --kt-ui-button-tertiary-active: var(--c-ui-button-tertiary-active, var(--kt-ui-gray-30));
    --kt-ui-button-tertiary-disabled: var(--c-ui-button-tertiary-disabled, var(--kt-ui-transparent-01));
    --kt-ui-button-tertiary-selected: var(--c-ui-button-tertiary-selected, var(--kt-ui-white));
    --kt-ui-button-tertiary-border-color: var(--c-ui-button-tertiary-border-color, var(--kt-ui-button-tertiary));
    --kt-ui-button-tertiary-border-color-hover: var(--c-ui-button-tertiary-border-color-hover, var(--kt-ui-gray-40));
    --kt-ui-button-tertiary-border-color-active: var(--c-ui-button-tertiary-border-color-active, var(--kt-ui-gray-40));
    --kt-ui-button-tertiary-border-color-disabled: var(--c-ui-button-tertiary-border-color-disabled, var(--kt-ui-gray-40));
    --kt-ui-button-tertiary-color: var(--c-ui-button-tertiary-color, var(--kt-ui-text-p rimary));
    --kt-ui-button-tertiary-color-hover: var(--c-ui-button-tertiary-color-hover, var(--kt-ui-text-accented));
    --kt-ui-button-tertiary-color-active: var(--c-ui-button-tertiary-color-active, var(--kt-ui-text-accented));
    --kt-ui-button-tertiary-outline-focus: var(--c-ui-button-tertiary-outline-focus, var(--kt-ui-focus));

    --kt-ui-button-ghost: var(--c-ui-button-ghost, var(--kt-ui-transparent-01));
    --kt-ui-button-ghost-hover: var(--c-ui-button-ghost-hover, var(--kt-ui-button-tertiary-hover));
    --kt-ui-button-ghost-active: var(--c-ui-button-ghost-active, var(--kt-ui-button-tertiary-active));
    --kt-ui-button-ghost-disabled: var(--c-ui-button-ghost-disabled, var(--kt-ui-transparent-01));
    --kt-ui-button-ghost-border-color: var(--c-ui-button-ghost-border-color, var(--kt-ui-transparent-01));
    --kt-ui-button-ghost-border-color-hover: var(--c-ui-button-ghost-border-color-hover, var(--kt-ui-button-tertiary-hover));
    --kt-ui-button-ghost-border-color-active: var(--c-ui-button-ghost-border-color-active, var(--kt-ui-button-tertiary-active));
    --kt-ui-button-ghost-border-color-disabled: var(--c-ui-button-ghost-border-color-disabled, var(--kt-ui-transparent-01));
    --kt-ui-button-ghost-color: var(--c-ui-button-ghost-color, var(--kt-ui-text-primary));
    --kt-ui-button-ghost-color-hover: var(--c-ui-button-ghost-color-hover, var(--kt-ui-text-accented));
    --kt-ui-button-ghost-color-active: var(--c-ui-button-ghost-color-active, var(--kt-ui-text-accented));
    --kt-ui-button-ghost-outline-focus: var(--c-ui-button-ghost-outline-focus, var(--kt-ui-focus));

    --kt-ui-button-separator: var(--c-ui-button-separator, var(--kt-ui-gray-20));
    --kt-ui-button-disabled: var(--c-ui-button-disabled, var(--kt-ui-gray-30));
    /* endregion Button Tokens */

    /* region Sizes */
    --kt-ui-btn-size-xs: var(--c-ui-btn-size-xs, var(--ui-size-xl2));
    --kt-ui-btn-size-sm: var(--c-ui-btn-size-sm, var(--ui-size-3xl));
    --kt-ui-btn-size-md: var(--c-ui-btn-size-md, var(--ui-size-5xl));
    --kt-ui-btn-size-lg: var(--c-ui-btn-size-lg, var(--ui-size-6xl));

    --kt-ui-btn-min-width: var(--c-ui-btn-min-width, 40px);
    --kt-ui-btn-radius: var(--c-ui-btn-radius, var(--ui-border-radius-pill));

    --kt-ui-btn-padding-right: var(--c-ui-button-padding-right, var(--ui-space-inset-md));
    --kt-ui-btn-padding-left: var(--c-ui-button-padding-left, var(--ui-space-inset-md));
    --kt-ui-btn-padding: var(--c-ui-btn-padding, 0 var(--kt-ui-btn-padding-right));

    --kt-ui-btn-font-family: var(--c-ui-btn-font-family, var(--ui-font-family-primary));
    --kt-ui-btn-font-size: var(--c-ui-btn-font-size, var(--ui-font-size-md));
    --kt-ui-btn-font-weight: var(--c-ui-btn-font-weight, var(--ui-font-weight-normal));
    /* endregion Sizes */


    /* borders/shadows */
    --kt-ui-btn-border: var(--c-ui-btn-border, 1px solid var(--kt-ui-button-tertiary));
    --kt-ui-btn-opacity-after: var(--c-ui-btn-opacity-after, .3);
    --kt-ui-btn-box-shadow: var(--c-ui-btn-box-shadow, none);
    --kt-ui-btn-box-shadow-hover: var(--c-ui-btn-box-shadow-hover, none);
    --kt-ui-btn-box-shadow-active: var(--c-ui-btn-box-shadow-active, none);
    --kt-ui-btn-text-shadow: var(--c-ui-btn-text-shadow, none);
    --kt-ui-btn-text-shadow-hover: var(--c-ui-btn-text-shadow-hover, none);
    --kt-ui-btn-text-shadow-active: var(--c-ui-btn-text-shadow-active, none);


    /* colors */
    --kt-ui-btn-background: var(--c-ui-btn-background, #868d95);
    --kt-ui-btn-background-hover: var(--c-ui-btn-background-hover, #5b6573);
    --kt-ui-btn-background-active: var(--c-ui-btn-background-active, #3b506e);
    --kt-ui-btn-border-color: var(--c-ui-btn-border-color, #868d95);
    --kt-ui-btn-border-color-hover: var(--с-ui-btn-border-color-hover, #5b6573);
    --kt-ui-btn-border-color-active: var(--с-ui-btn-border-color-active, #3b506e);
    --kt-ui-btn-spinner-color: var(--c-ui-btn-spinner-color, rgba(215, 220, 223, .74));

    /* icons */
    --kt-ui-btn-clock-white: var(---c-ui-btn-clock-white, url("data:image/svg+xml,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes arrow-loader%7B0%25%7Btransform:rotate(0deg)%7Dto%7Btransform:rotate(360deg)%7D%7D%3C/style%3E%3Cg style='animation:arrow-loader 1s infinite linear;transform-origin:center' stroke='%23fff'%3E%3Cpath fill='none' d='M.5 9.475a8.976 8.976 0 0117.95 0 8.976 8.976 0 01-17.95 0z'/%3E%3Cpath d='M9.5 4v5.5'/%3E%3C/g%3E%3Cpath stroke='%23fff' fill='transparent' d='M15 9.5H9.5'/%3E%3C/svg%3E"));
    --kt-ui-btn-clock-black: var(--c-ui-btn-clock-black, url("data:image/svg+xml,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes arrow-loader%7B0%25%7Btransform:rotate(0deg)%7Dto%7Btransform:rotate(360deg)%7D%7D%3C/style%3E%3Cg style='animation:arrow-loader 1s infinite linear;transform-origin:center' stroke='%23525C69'%3E%3Cpath fill='none' d='M.5 9.475a8.976 8.976 0 0117.95 0 8.976 8.976 0 01-17.95 0z'/%3E%3Cpath d='M9.5 4v5.5'/%3E%3C/g%3E%3Cpath stroke='%23525C69' d='M15 9.5H9.5'/%3E%3C/svg%3E"));
    --kt-ui-btn-wait-white: var(--c-ui-btn-wait-white, url("data:image/svg+xml,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes waitLoader%7B0%25%7Btransform:rotate(0deg)%7Dto%7Btransform:rotate(360deg)%7D%7D%3C/style%3E%3Cg fill='%23fff' style='-moz-transform-origin:50%25;transform-origin:50%25;animation:waitLoader 1s infinite steps(12)'%3E%3Cpath d='M6.434 8.075a1.073 1.073 0 01-1.465.378L2.51 7.004a1.075 1.075 0 01-.378-1.466 1.073 1.073 0 011.465-.378l2.46 1.45c.506.298.676.958.377 1.465' opacity='.1'/%3E%3Cpath d='M8.109 6.415c-.51.294-1.168.119-1.462-.391L5.219 3.553a1.073 1.073 0 01.39-1.462 1.073 1.073 0 011.462.391L8.5 4.952c.294.51.118 1.168-.391 1.463' opacity='.2'/%3E%3Cpath d='M10.43 5.792c-.589 0-1.07-.481-1.07-1.07V1.868c0-.589.481-1.07 1.07-1.07.588 0 1.07.481 1.07 1.07v2.854c0 .589-.482 1.07-1.07 1.07' opacity='.3'/%3E%3Cpath d='M15.32 2.132c.508.3.678.958.379 1.466l-1.45 2.458a1.074 1.074 0 01-1.465.378 1.072 1.072 0 01-.378-1.464l1.45-2.46a1.074 1.074 0 011.465-.378' opacity='.4'/%3E%3Cpath d='M18.768 5.61c.295.509.12 1.167-.39 1.461L15.905 8.5c-.509.295-1.167.12-1.462-.39a1.073 1.073 0 01.392-1.462l2.47-1.429a1.073 1.073 0 011.462.391' opacity='.5'/%3E%3Cpath d='M20.061 10.43c0 .588-.481 1.07-1.07 1.07h-2.854c-.588 0-1.07-.482-1.07-1.07 0-.589.482-1.07 1.07-1.07h2.854c.589 0 1.07.481 1.07 1.07' opacity='.6'/%3E%3Cpath d='M18.727 15.32a1.074 1.074 0 01-1.465.379l-2.459-1.45a1.073 1.073 0 01-.378-1.465 1.072 1.072 0 011.465-.378l2.459 1.45c.507.298.677.957.378 1.465' opacity='.7'/%3E%3Cpath d='M15.25 18.768c-.51.295-1.168.12-1.462-.39l-1.429-2.472a1.073 1.073 0 01.391-1.461 1.073 1.073 0 011.463.39l1.428 2.471c.294.51.119 1.167-.391 1.462' opacity='.8'/%3E%3Cpath d='M10.43 20.061c-.589 0-1.07-.481-1.07-1.07v-2.854c0-.588.481-1.07 1.07-1.07.588 0 1.07.482 1.07 1.07v2.854c0 .589-.482 1.07-1.07 1.07' opacity='.9'/%3E%3Cpath d='M8.075 14.425c.507.299.677.958.378 1.465L7.004 18.35a1.075 1.075 0 01-1.466.378 1.073 1.073 0 01-.378-1.465l1.45-2.46a1.074 1.074 0 011.465-.377' opacity='.95'/%3E%3Cpath d='M5.792 10.43c0 .588-.481 1.07-1.07 1.07H1.868c-.589 0-1.07-.482-1.07-1.07 0-.589.481-1.07 1.07-1.07h2.854c.589 0 1.07.481 1.07 1.07M6.415 12.75c.294.51.119 1.168-.391 1.462l-2.471 1.429a1.074 1.074 0 01-1.463-.391 1.073 1.073 0 01.392-1.462l2.47-1.429a1.073 1.073 0 011.463.391'/%3E%3C/g%3E%3C/svg%3E"));
    --kt-ui-btn-wait-black: var(--c-ui-btn-wait-black, url("data:image/svg+xml,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes waitLoader%7B0%25%7Btransform:rotate(0deg)%7Dto%7Btransform:rotate(360deg)%7D%7D%3C/style%3E%3Cg fill='%23535c69' style='-moz-transform-origin:50%25;transform-origin:50%25;animation:waitLoader 1s infinite steps(12)'%3E%3Cpath d='M6.434 8.075a1.073 1.073 0 01-1.465.378L2.51 7.004a1.075 1.075 0 01-.378-1.466 1.073 1.073 0 011.465-.378l2.46 1.45c.506.298.676.958.377 1.465' opacity='.1'/%3E%3Cpath d='M8.109 6.415c-.51.294-1.168.119-1.462-.391L5.219 3.553a1.073 1.073 0 01.39-1.462 1.073 1.073 0 011.462.391L8.5 4.952c.294.51.118 1.168-.391 1.463' opacity='.2'/%3E%3Cpath d='M10.43 5.792c-.589 0-1.07-.481-1.07-1.07V1.868c0-.589.481-1.07 1.07-1.07.588 0 1.07.481 1.07 1.07v2.854c0 .589-.482 1.07-1.07 1.07' opacity='.3'/%3E%3Cpath d='M15.32 2.132c.508.3.678.958.379 1.466l-1.45 2.458a1.074 1.074 0 01-1.465.378 1.072 1.072 0 01-.378-1.464l1.45-2.46a1.074 1.074 0 011.465-.378' opacity='.4'/%3E%3Cpath d='M18.768 5.61c.295.509.12 1.167-.39 1.461L15.905 8.5c-.509.295-1.167.12-1.462-.39a1.073 1.073 0 01.392-1.462l2.47-1.429a1.073 1.073 0 011.462.391' opacity='.5'/%3E%3Cpath d='M20.061 10.43c0 .588-.481 1.07-1.07 1.07h-2.854c-.588 0-1.07-.482-1.07-1.07 0-.589.482-1.07 1.07-1.07h2.854c.589 0 1.07.481 1.07 1.07' opacity='.6'/%3E%3Cpath d='M18.727 15.32a1.074 1.074 0 01-1.465.379l-2.459-1.45a1.073 1.073 0 01-.378-1.465 1.072 1.072 0 011.465-.378l2.459 1.45c.507.298.677.957.378 1.465' opacity='.7'/%3E%3Cpath d='M15.25 18.768c-.51.295-1.168.12-1.462-.39l-1.429-2.472a1.073 1.073 0 01.391-1.461 1.073 1.073 0 011.463.39l1.428 2.471c.294.51.119 1.167-.391 1.462' opacity='.8'/%3E%3Cpath d='M10.43 20.061c-.589 0-1.07-.481-1.07-1.07v-2.854c0-.588.481-1.07 1.07-1.07.588 0 1.07.482 1.07 1.07v2.854c0 .589-.482 1.07-1.07 1.07' opacity='.9'/%3E%3Cpath d='M8.075 14.425c.507.299.677.958.378 1.465L7.004 18.35a1.075 1.075 0 01-1.466.378 1.073 1.073 0 01-.378-1.465l1.45-2.46a1.074 1.074 0 011.465-.377' opacity='.95'/%3E%3Cpath d='M5.792 10.43c0 .588-.481 1.07-1.07 1.07H1.868c-.589 0-1.07-.482-1.07-1.07 0-.589.481-1.07 1.07-1.07h2.854c.589 0 1.07.481 1.07 1.07M6.415 12.75c.294.51.119 1.168-.391 1.462l-2.471 1.429a1.074 1.074 0 01-1.463-.391 1.073 1.073 0 01.392-1.462l2.47-1.429a1.073 1.073 0 011.463.391'/%3E%3C/g%3E%3C/svg%3E"));
    --kt-ui-btn-spinner: var(--c-ui-btn-spinner, url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='25 25 50 50' xmlns='http://www.w3.org/2000/svg' style='-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;transform-origin:center center'%3E%3Cstyle%3E@keyframes rotate%7Bto%7Btransform:rotate(360deg)%7D%7D@keyframes dash%7B0%25%7Bstroke-dasharray:1,200;stroke-dashoffset:0%7D50%25%7Bstroke-dasharray:89,200;stroke-dashoffset:-35px%7Dto%7Bstroke-dasharray:89,200;stroke-dashoffset:-124px%7D%7D%3C/style%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke-miterlimit='10' style='-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite' stroke='rgba(215,220,223,.74)' stroke-width='6' stroke-dasharray='20,200' stroke-linecap='round'/%3E%3C/svg%3E"));
    /* plus icon */
    --kt-ui-btn-icon-plus: var(--c-ui-btn-icon-plus, url('/bitrix/js/ui/buttons/icons/images/ui-plus-white.svg?v=1.1'));
    /* search icon */
    --kt-ui-btn-icon-search: var(--c-ui-btn-icon-search, url('/bitrix/js/ui/buttons/icons/images/ui-search-white.svg?v=1.1'));
    /* settings icon */
    --kt-ui-btn-icon-settings-white: var(--c-ui-btn-icon-settings-white, url('/bitrix/js/ui/buttons/icons/images/ui-setting-white.svg?v=1.1'));
    /* setting icon black */
    --kt-ui-btn-icon-settings-black: var(--c-ui-btn-icon-settings-black, url('/bitrix/js/ui/buttons/icons/images/ui-setting-black.svg?v=1.1'));
    /* task icon */
    --kt-ui-btn-icon-task-white: var(--c-ui-btn-icon-task-white, url('/bitrix/js/ui/buttons/icons/images/ui-task-white.svg?v=1.1'));
    /* task icon black */
    --kt-ui-btn-icon-task-black: var(--c-ui-btn-icon-task-black, url('/bitrix/js/ui/buttons/icons/images/ui-task-black.svg?v=1.1'));

    /*btn-lg*/
    --kt-ui-btn-padding-lg: var(--c-ui-btn-padding-lg, 0 26px);
    --kt-ui-btn-padding-right-lg: var(--c-ui-btn-padding-right-lg, 12px);
    --kt-ui-btn-min-width-lg: var(--c-ui-btn-min-width-lg, 90px);
    --kt-ui-btn-font-size-lg: var(--c-ui-btn-font-size-lg, 12px);

    /*btn-md*/
    --kt-ui-btn-padding-right-md: var(--c-ui-btn-padding-right-md, 16px);
    --kt-ui-btn-padding-md: var(--c-ui-btn-padding-md, 8px 16px 10px 16px);
    --kt-ui-btn-min-width-md: var(--c-ui-btn-min-width-md, 80px);
    --kt-ui-btn-font-size-md: var(--c-ui-btn-font-size-md, 14px);

    /*btn-sm*/
    --kt-ui-btn-padding-right-sm: var(--c-ui-btn-padding-right-sm, 16px);
    --kt-ui-btn-padding-sm: var(--c-ui-btn-padding-sm, 6px 16px);
    --kt-ui-btn-min-width-sm: var(--c-ui-btn-min-width-sm, 70px);
    --kt-ui-btn-font-size-sm: var(--c-ui-btn-font-size-sm, 14px);

    /*btn-xs*/
    --kt-ui-btn-padding-xs: var(--c-ui-btn-padding-xs, 0 15px);
    --kt-ui-btn-padding-right-xs: var(--c-ui-btn-padding-right-xs, 9px);
    --kt-ui-btn-min-width-xs: var(--c-ui-btn-min-width-xs, 66px);
    --kt-ui-btn-font-size-xs: var(--c-ui-btn-font-size-xs, 11px);

    /* btn-success */
    --kt-ui-btn-opacity-after-success: var(--c-ui-btn-opacity-after-success, .2);


    /* btn-success-light */
    --kt-ui-btn-opacity-after-succces-light: var(--c-ui-btn-opacity-after-succces-light, .2);


    /*. btn-success-dark */
    --kt-ui-btn-opacity-after-success-dark: var(--c-ui-btn-opacity-after-success-dark, .2);


    /* btn-danger */
    --kt-ui-btn-opacity-after-danger: var(--c-ui-btn-opacity-after-danger, .3);


    /* btn-danger-dark */
    --kt-ui-btn-opacity-after-danger-dark: var(--c-ui-btn-opacity-after-danger-dark, .3);


    /* btn-danger-light */
    --kt-ui-btn-opacity-after-danger-light: var(--c-ui-btn-opacity-after-danger-light, .2);


    /* btn-secondary */
    --kt-ui-btn-opacity-after-secondary: var(--c-ui-btn-opacity-after-secondary, .3);


    /* btn-link */
    --kt-ui-btn-opacity-after-link: var(--c-ui-btn-opacity-after-link, .3);


    /* btn-light*/
    --kt-ui-btn-opacity-after-light: var(--c-ui-btn-opacity-after-light, .3);
    --kt-ui-btn-padding-light: var(--c-ui-btn-padding-light, 0 16px);


    /* btn-light-border */
    --kt-ui-btn-opacity-after-light-bodrer: var(--c-ui-btn-opacity-after-light-bodrer, .3);

    /* light theme */
    --kt-ui-btn-color-link-light-theme: var(--c-ui-btn-color-link-light-theme, #ebebeb);
    --kt-ui-btn-background-light-theme: var(--c-ui-btn-background-light-theme, rgba(255, 255, 255, .15));
    --kt-ui-btn-background-hover--light-theme: var(--c-ui-btn-background-hover--light-theme, rgba(255, 255, 255, .3));
    --kt-ui-btn-background-active--light-theme: var(--c-ui-btn-background-active--light-theme, rgba(255, 255, 255, .4));
    --kt-ui-btn-border-color-light-theme: var(--c-ui-btn-border-color-light-theme, rgba(255, 255, 255, .4));

    /* dark theme */
    --kt-ui-btn-color-link-dark-theme: var(--c-ui-btn-color-link-dark-theme, rgba(51, 51, 51, .8));
    --kt-ui-btn-color-hover-link-dark-theme: var(--c-ui-btn-color-hover-link-dark-theme, rgba(51, 51, 51, .8));
    --kt-ui-btn-color-active-link-dark-theme: var(--c-ui-btn-color-active-link-dark-theme, rgba(51, 51, 51, .8));
    --kt-ui-btn-background-dark-theme: var(--c-ui-btn-background-dark-theme, rgba(0, 0, 0, .07));
    --kt-ui-btn-background-hover-dark-theme: var(--c-ui-btn-background-hover-dark-theme, rgba(0, 0, 0, .1));
    --kt-ui-btn-background-active-dark-theme: var(--c-ui-btn-background-active-dark-theme, rgba(0, 0, 0, .15));
    --kt-ui-btn-colors-after-bg-dark-theme: var(--c-ui-btn-colors-after-bg-dark-theme, rgba(51, 51, 51, .8));
    --kt-ui-btn-colors-before-bg-dark-theme: var(--c-ui-btn-colors-before-bg-dark-theme, rgba(51, 51, 51, .8));
    --kt-ui-btn-color-dark-theme: var(--c-ui-btn-color-dark-theme, rgba(51, 51, 51, .8));
    --kt-ui-btn-color-hover-dark-theme: var(--c-ui-btn-color-hover-dark-theme, rgba(51, 51, 51, .8));
    --kt-ui-btn-color-active-dark-theme: var(--c-ui-btn-color-active-dark-theme, rgba(51, 51, 51, .8));
    --kt-ui-btn-border-color-dark-theme: var(--c-ui-btn-border-color-dark-theme, rgba(0, 0, 0, .06));

}