.fi-btn.fi-color-primary:not(.fi-outlined) {
    --bg: #166534;
    --hover-bg: #145c3a;
    --dark-bg: #166534;
    --dark-hover-bg: #145c3a;
    --text: #fff;
    --hover-text: #fff;
    --dark-text: #fff;
    --dark-hover-text: #fff;

    background-color: #166534;
    color: #fff;
}

.fi-btn.fi-color-primary:not(.fi-outlined):hover,
.fi-btn.fi-color-primary:not(.fi-outlined):focus-visible {
    background-color: #145c3a;
    color: #fff;
}

.fi-btn.fi-color-primary:not(.fi-outlined) > .fi-icon {
    color: #fff;
}