.btn-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #5BBCFF;
    --bs-btn-border-color: #5BBCFF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #48A6E0;
    --bs-btn-hover-border-color: #3C91C7;
    --bs-btn-focus-shadow-rgb: 91, 188, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3C91C7;
    --bs-btn-active-border-color: #3683B1;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #5BBCFF;
    --bs-btn-disabled-border-color: #5BBCFF;
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
}

.btn-blue:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-blue:focus,
.btn-blue.focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}

.btn-blue:active,
.btn-blue.active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

.btn-blue:disabled,
.btn-blue.disabled {
    color: var(--bs-btn-disabled-color);
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
}

.btn-outline-blue {
    --bs-btn-color: #5BBCFF;
    --bs-btn-border-color: #5BBCFF;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5BBCFF;
    --bs-btn-hover-border-color: #5BBCFF;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #48A6E0;
    --bs-btn-active-border-color: #3C91C7;
    --bs-btn-focus-shadow-rgb: 91, 188, 255;
    color: var(--bs-btn-color);
    background-color: transparent;
    border-color: var(--bs-btn-border-color);
}

.btn-outline-blue:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-outline-blue:focus,
.btn-outline-blue.focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}

.btn-outline-blue:active,
.btn-outline-blue.active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

.btn-outline-blue:disabled,
.btn-outline-blue.disabled {
    color: var(--bs-btn-color);
    background-color: transparent;
    border-color: var(--bs-btn-border-color);
}

.text-blue {
    color: #5BBCFF;
}

.text-blue:hover {
    color: #48A7E6;
    text-decoration: underline;
}

.text-blue:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(91, 188, 255, 0.5);
}



.btn-pink {
    --bs-btn-bg: #FF76CE;
    --bs-btn-border-color: #FF76CE;
    --bs-btn-hover-bg: #E863BA;
    --bs-btn-hover-border-color: #E863BA;
    --bs-btn-focus-shadow-rgb: 255, 118, 206;
    --bs-btn-active-bg: #D154A8;
    --bs-btn-active-border-color: #C34D9D;
    color: #fff;
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
}

.btn-pink:hover {
    color: #fff;
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-pink:focus,
.btn-pink.focus {
    color: #fff;
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}

.btn-pink:active,
.btn-pink.active {
    color: #fff;
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

.btn-pink:disabled,
.btn-pink.disabled {
    color: #fff;
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color);
}


.btn-outline-pink {
    --bs-btn-color: #FF76CE;
    --bs-btn-border-color: #FF76CE;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FF76CE;
    --bs-btn-hover-border-color: #FF76CE;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #E863BA;
    --bs-btn-active-border-color: #D154A8;
    --bs-btn-focus-shadow-rgb: 255, 118, 206;
    color: var(--bs-btn-color);
    background-color: transparent;
    border-color: var(--bs-btn-border-color);
}

.btn-outline-pink:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-outline-pink:focus,
.btn-outline-pink.focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}

.btn-outline-pink:active,
.btn-outline-pink.active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

.btn-outline-pink:disabled,
.btn-outline-pink.disabled {
    color: var(--bs-btn-color);
    background-color: transparent;
    border-color: var(--bs-btn-border-color);
}

.text-pink {
    color: #FF76CE;
}

.text-pink:hover {
    color: #E863BA;
    text-decoration: underline;
}

.text-pink:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(255, 118, 206, 0.5);
}


.bg-blue {
    background-color: #5BBCFF;
}

.bg-pink {
    background-color: #FF76CE;
}