html body [class*=uxc-btn] {
display: flex;
justify-content: center;
align-items: center;
width: 175px;
height: 40px;
font-size: 14px;  font-family: inherit;
border: none;
border-radius: 0;
background: transparent;
padding: 0;
transition: color 300ms ease, border 300ms ease, background-color 300ms ease; color: inherit;
}
html body [class*=uxc-btn]:hover { outline: none; text-decoration-line: none;
}
html body [class*=uxc-btn]:focus,
html body [class*=uxc-btn]:active { border: none;
background: transparent;
outline: none; text-decoration-line: none;
} html body .uxc-btn-primary,
html body .uxc-btn-outline-primary:hover {
background-color: var(--uxc-color-primary);
color: var(--uxc-color-inverted);
}
html body .uxc-btn-outline-primary, 
html body .uxc-btn-primary:hover {
border: 1px solid var(--uxc-color-primary);
color: var(--uxc-color-primary);
background-color: transparent;
} html body .uxc-btn-danger, 
html body .uxc-btn-outline-danger:hover {
background-color: var(--uxc-color-danger);
color: var(--uxc-color-inverted);
}
html body .uxc-btn-outline-danger, 
html body .uxc-btn-danger:hover {
border: 1px solid var(--uxc-color-danger);
color: var(--uxc-color-danger);
background-color: transparent;
} html body .uxc-btn-content,
html body .uxc-btn-outline-content:hover {
background-color: var(--uxc-color-content);
color: var(--uxc-color-inverted);
}
html body .uxc-btn-outline-content, 
html body .uxc-btn-content:hover {
border: 1px solid var(--uxc-color-content);
color: var(--uxc-color-content);
background-color: transparent;
} html body .uxc-btn-white
html body .uxc-btn-outline-white:hover {
background-color: white;
color: var(--uxc-color-content);
}
html body .uxc-btn-outline-white, 
html body .uxc-btn-white:hover {
border: 1px solid white;
color: white;
background-color: transparent;
}