.kt-ui-btn {
    display: inline-flex;
}

kt-ui-btn + kt-ui-btn,
.kt-ui-btn + .kt-ui-btn {
    margin-left: var(--ui-btn-margin-left);
}

.kt-ui-btn__content,
.kt-ui-btn__content-inner {
    display: flex;
    align-items: center;
}

.kt-ui-btn .left {
    margin-right: 8px;
}

.kt-ui-btn .right {
    margin-left: 8px;
}

.kt-ui-btn__icon--left + .kt-ui-btn__content,
.kt-ui-btn__content + .kt-ui-btn__icon--right {
    margin-left: 8px;
}

/* ui-btn-link */
.kt-ui-btn .ui-btn.ui-btn-link {
    height: auto;
    padding: 0;
    line-height: revert;
}

.kt-ui-btn .ui-btn-link.is-underline .kt-ui-btn__content-inner {
    border-bottom: 1px dashed currentColor;
}

.ui-btn-round {
    --ui-btn-padding: 0;
}

/* Button icon lg */
.ui-btn-lg .kt-ui-icon-lg {
    --wc-icon-size: 16px;
}

.ui-btn-md .kt-ui-icon-lg {
    --wc-icon-size: 16px;
}

.ui-btn-sm .kt-ui-icon-lg {
    --wc-icon-size: 12px;
}

.ui-btn-xs .kt-ui-icon-lg {
    --wc-icon-size: 10px;
}

/* Button icon md */
.ui-btn-lg .kt-ui-icon-md {
    --wc-icon-size: 13px;
}

.ui-btn-md .kt-ui-icon-md {
    --wc-icon-size: 13px;
}

.ui-btn-sm .kt-ui-icon-md {
    --wc-icon-size: 10px;
}

.ui-btn-xs .kt-ui-icon-md {
    --wc-icon-size: 8px;
}

/* Button icon sm */
.ui-btn-lg .kt-ui-icon-sm {
    --wc-icon-size: 10px;
}

.ui-btn-md .kt-ui-icon-sm {
    --wc-icon-size: 10px;
}

.ui-btn-sm .kt-ui-icon-sm {
    --wc-icon-size: 8px;
}

.ui-btn-xs .kt-ui-icon-sm {
    --wc-icon-size: 8px;
}