.ik-button--separate.btn,
.ik-button--separate.btn:active,
.ik-button--separate.btn.active,
.ik-button--separate.btn:hover,
.ik-button--separate.btn:focus {
    padding: 0 10px 0 0;
    background: none;
}

.ik-button--separate.btn-default {
    color: var(--on-surface-darken-color-3) !important;
}

.ik-button--separate.btn-default .ik-icon {
    background-color: var(--surface-darken-color);
}

.ik-button--separate.btn-primary {
    color: var(--primary-color) !important;
}

.ik-button--separate.btn-primary .ik-icon {
    background-color: var(--primary-color-o1);
}

.ik-button--separate.btn-success {
    color: var(--success-color) !important;
}

.ik-button--separate.btn-success .ik-icon {
    background-color: var(--success-color-o1);
}

.ik-button--separate.btn-danger {
    color: var(--error-color) !important;
}

.ik-button--separate.btn-danger .ik-icon {
    background-color: var(--error-color-o1);
}

.ik-button--separate.btn-accent {
    color: var(--accent-color) !important;
}

.ik-button--separate.btn-accent .ik-icon {
    background-color: var(--accent-color-o1);
}

.ik-button--separate .ik-icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}