/* Primary color */

.primary-component {
    background-color: var(--primary-component-color);
}

.primary-component:hover:not(:disabled) {
    background-color: var(--primary-component-hover-color);
    border-color: #457696;
    transform: translateY(-1px);
}

.primary-component:hover {
    background-color: var(--primary-component-hover-color);
}

.primary-component-text {
    color: var(--primary-component-color);
}

.primary-component-text:hover {
    color: var(--primary-component-hover-color);
}

.primary-component-border {
    border: 2px solid var(--primary-component-color);
}


/* Secondary color */
.secondary-component {
    background-color: var(--secondary-component-color);
}

button.secondary-component:hover {
    background-color: var(--secondary-component-hover-color);
}

/* .secondary-component:hover {
    background-color: #50717e;
} */

.secondary-component-text {
    color: var(--secondary-component-color);
}

.tertiary-component {
    background-color: var(--tertiary-component-color);
}