button,
.button,
.button.button-outline {
    border-style: solid;
    border-width: 0 1px 4px 1px;
}

.button.button-outline {
    border-width: 1px 1px 4px 1px;
}

/* Theme default */
.button.button-default,
.button.button-default:active,
.button.button-default.active,
.button.button-default.activated {
    border-color: var(--colorDefault50, #0f6788);
}

/* Positive */
.button.button-positive,
.button.button-positive:active,
.button.button-positive.activated {
    border-color: var(--colorPrimary50, #b0b0b0);
}

/* Calm */
.button.button-calm,
.button.button-calm:active,
.button.button-calm.activated {
    border-color: var(--colorCalm50, #5694ac);
}

/* Assertive */
.button.button-assertive,
.button.button-assertive:active,
.button.button-assertive.activated {
    border-color: var(--colorDanger50, #bb3028);
}

/* Energized */
.button.button-energized,
.button.button-energized:active,
.button.button-energized.activated {
    border-color: var(--colorWarning50, #bb6114);
}

/* Balanced */
.button.button-balanced,
.button.button-balanced:active,
.button.button-balanced.activated {
    border-color: var(--colorSuccess50, #1d8520);
}

/* Royal */
.button.button-royal,
.button.button-royal:active,
.button.button-royal.activated {
    border-color: var(--colorRoyal50, #644eab);
}

/* Light */
.button.button-light,
.button.button-light:active,
.button.button-light.activated {
    border-color: var(--colorLight50, #b4b4b4);
}

/* Stable */
.button.button-stable,
.button.button-stable:active,
.button.button-stable.activated {
    border-color: var(--colorStable50, #b6b6b6);
}

/* Dark */
.button.button-dark,
.button.button-dark:active,
.button.button-dark.activated {
    border-color: var(--colorDark50, #3e3e3e);
}