button,
.button {
    border-radius: var(--borderRadiusNone, 0);
}

.button span {
    font-weight: 400;
}

/* Default */
.button.button-default {
    border: 1px solid var(--colorDefault50, #cacaca);
}

/* Positive */
.button.button-positive {
    border: 1px solid var(--colorPrimary50, #007ba3);
}

/* Calm */
.button.button-calm {
    border: 1px solid var(--colorCalm50, #50a8c2);
}

/* Assertive */
.button.button-assertive {
    border: 1px solid var(--colorDanger50, #d23920);
}

/* Energized */
.button.button-energized {
    border: 1px solid var(--colorWarning50, #cc7e02);
}

/* Balanced */
.button.button-balanced {
    border: 1px solid var(--colorSuccess50, #3b975d);
}

/* Royal */
.button.button-royal {
    border: 1px solid var(--colorRoyal50, #775dcd);
}

/* Light */
.button.button-light {
    border: 1px solid var(--colorLight50, #d0d0d0);
}

/* Stable */
.button.button-stable {
    border: 1px solid var(--colorStable50, #d9d9d9);
}

/* Dark */
.button.button-dark {
    border: 1px solid var(--colorDark50, #1e1e1e);
}

/* Outline */
.button.button-default.button-outline {
    border-color: var(--colorDefault50, #cacaca);
}

.button.button-default.button-outline span,
.button.button-default.button-outline i {
    color: var(--colorDefault50, #cacaca);
}

.button.button-light.button-outline {
    border-color: var(--colorLight50, #d0d0d0);
}

.button.button-light.button-outline span,
.button.button-light.button-outline i {
    color: var(--colorLight50, #d0d0d0);
}

.button.button-stable.button-outline {
    border-color: var(--colorStable50, #d9d9d9);
}

.button.button-stable.button-outline span,
.button.button-stable.button-outline i {
    color: var(--colorStable50, #d9d9d9);
}