div.button {
display:inline-block; }

.button  {
    border-radius:var(--button-border-radius);
    border-width: 0px;    
    box-shadow: none;
    box-sizing: border-box;
    padding:1px 10px;
	margin:3px 0 !important;    
    transition: 0.3s;
    text-transform: uppercase;
    color:var(--button-fgcolor-default);
    background-color: var(--button-bgcolor-new);
    font-weight:normal;
	font-size:12px;
    line-height:1.5em;
	opacity:.85;
    cursor:pointer;
	vertical-align:middle;
	text-align:center;
}

 .button:hover  {
opacity:1; }

button.min-width {
    min-width:80px;
}

 button.login.cancel
,button.login.submit {
    width:85px; 
}

 button.mfa.cancel
,button.mfa.submit {
    width:90px; 
}

 .button.submit
,.button.save
,.button.yes {
background-color: var(--button-bgcolor-affirmative); }

 .button.undelete {
background-color: var(--button-bgcolor-undelete); }

 .button.purge {
background-color: var(--button-bgcolor-purge); }

 .button.cancel
,.button.delete
,.button.no
,.button.nevermind {
background-color: var(--button-bgcolor-negative); }

 .button.reset {
background-color: var(--button-bgcolor-reset); }

 .button.search {
background-color: var(--button-bgcolor-search); }

 .button.clear {
background-color: var(--button-bgcolor-clear); }

 .button.yes
,.button.no {
width:60px; }

 .button.disabled {
background-color: var(--button-bgcolor-disabled); }