.s-btn-primary {
    font-family: 'Roboto';
    --bs-btn-color: white;
    --bs-btn-bg: var(--BlueScire1);
    --bs-btn-hover-bg: var(--BlueScire2);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-border-radius: 0.25rem;
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-bg: var(--TBlue);
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-border-color: var(--TBlue);
    --bs-btn-disabled-bg: var(--BlueScire1);
    --bs-btn-disabled-border-color: var(--BlueScire1);
    --bs-btn-disabled-color: #fff;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 6%);
}

.s-btn-outline-primary {
    --bs-btn-color: var(--BlueScire1);
    --bs-btn-bg: white;
    --bs-btn-border-color: var(--BlueScire1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--BlueScire1);
    --bs-btn-hover-border-color: var(--BlueScire1);
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--BlueScire1);
    --bs-btn-active-border-color: var(--BlueScire1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--BlueScire1);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--BlueScire1);
    --bs-gradient: none;
}

.s-btn-clear {
    font-family: 'Roboto';
    --bs-btn-color: var(--BlueScire1);
    --bs-btn-bg: white;
    --bs-btn-hover-bg: var(--BG3);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-border-radius: 0.25rem;
    --bs-btn-hover-border-color: var(--bs-btn-color);
    --bs-btn-active-bg: var(--Gray6);
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-border-color: var(--bs-btn-hover-bg);
    --bs-btn-disabled-bg: var(--BG1);
    --bs-btn-disabled-border-color: var(--BG1);
    --bs-btn-disabled-color: var(--Gray2);
    --bs-btn-border-color: var(--bs-btn-color);
    --bs-btn-active-border-color: var(--bs-btn-color);
    box-shadow: 2px 2px 2px rgb(0 0 0 / 6%);
}

    .s-btn-clear a {
        color: var(--BlueScire1);
    }

.s-btn-clear-2 {
    position: relative;
    background-color: #f7f7f7;
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    color: #95a7b5;
}

.s-btn-clear-2:hover {
    filter: contrast(0.8);
    transition: 0.3s ease-in-out;
}

.s-filter-clear-button {
    --bs-btn-padding-y: .3rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .8rem;
    color: var(--PurpleMedio1);
    border: solid 1px;
    line-height: 1;
    --bs-btn-bg: white;
    --bs-btn-hover-bg: var(--Gray6);
    --bs-btn-hover-color: var(--PurpleMedio1);
    box-shadow: 2px 2px 2px rgb(0 0 0 / 6%);
}

.s-filter-conclude-button {
    --bs-btn-padding-y: .3rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .8rem;
    --bs-btn-bg: var(--BlueScire3);
    --bs-btn-hover-bg: var(--BlueScire2);
    --bs-btn-hover-color: white;
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    color: white;
    border: solid 1px var(--bs-btn-bg);
    line-height: 1;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 6%);
}

.s-btn-filter {
    font-family: 'Roboto';
    --bs-btn-color: var(--DarkPurple2);
    --bs-btn-bg: white;
    --bs-btn-border-radius: 0.25rem;
    --bs-btn-hover-bg: var(--BG3);
    --bs-btn-border-color: var(--bs-btn-color);
    --bs-btn-hover-border-color: var(--bs-btn-color);
    box-shadow: 2px 2px 2px rgb(0 0 0 / 6%);
}

.s-btn-blue {
    font-family: 'Roboto';
    --bs-btn-color: black;
    --bs-btn-hover-color: var(--BlueScire3);
}

    .s-btn-blue.btn-info {
        --bs-btn-bg: transparent;
        --bs-btn-color: var(--BlueScire3);
        --bs-btn-hover-color: black;
        --bs-btn-hover-bg: transparent;
    }

.s-small-button {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .25rem;
    --bs-btn-font-size: .6rem;
    color: var(--Gray3);
    border: solid 1px;
    line-height: 1;
}

    .s-small-button:hover {
        color: var(--DarkPurple2);
    }