:root {
    --bg-primary-color: #046CD4;
    --bg-secondary-color: #fff;

    --primary-color: blue;
    --secondary-color: #000;

    --btn-color: #fff;
    --btn-bg-color: #046CD4;
    --btn-hover-border: 1px solid #000;

}

.btn-primary {
    background-color: var(--btn-bg-color) !important;
    color: var(--btn-color) !important;
    border-radius: 5px;
    border: none;
}

.btn-primary:hover {
    /* border-radius: 15px; */
}

.btn-primary-outline{
    background-color: var(--btn-bg-color) !important;
    color: var(--btn-color) !important;
    border-radius: 10px;
    border: none;
}

.btn-primary-outline:hover{
    border: 1px solid var(--btn-bg-color) !important;
    background-color: var(--btn-color) !important;
    color: var(--bg-primary-color);
}