.fi-btn[class*="fi-color-"]:is([class*="fi-bg-color-"]) {
    background-color: var(--color-600) !important;
    color: white !important;
}

.fi-btn[class*="fi-color-"]:hover:is([class*="fi-bg-color-"]) {
    background-color: var(--color-500) !important;
    color: white !important;
}

.fi-btn[class*="fi-color-"]:is([class*="fi-bg-color-"]) svg {
    color: inherit !important;
}

/* Equal height sections inside Flex */
.fi-flex-stretch > .fi-growable {
    display: flex;
    flex-direction: column;
}

.fi-flex-stretch .fi-sc-section,
.fi-flex-stretch .fi-section {
    flex: 1;
}