:root {
    --color-primary-100: #00BEA4;
    --color-primary-200: #17a2b8;
    --color-primary-300: #138496;
}

.btn-main-outline {
    color: var(--color-primary-200);
    border-color: var(--color-primary-200);

    &:hover {
        color: #fff;
        background-color: var(--color-primary-200);
        border-color: var(--color-primary-200);
    }
}

.btn-main {
    color: #fff;
    background-color: var(--color-primary-100);
    border-color: var(--color-primary-100);

    &:hover {
        color: #fff;
        background-color: var(--color-primary-300);
        border-color: var(--color-primary-300);
    }
}

a.btn.btn-info:hover {
    color: white !important;
}

.btn.btn-default {
    color: #000;
    background-color: #dee2e6 !important;
    border-color: #dee2e6 !important;
}