.btn-group {
    --bs-border-radius: 2.5rem;
    padding: 2px;
    border: 1px solid black;
    border-top-right-radius: 7% 100%;
    border-bottom-right-radius: 7% 100%;
    border-top-left-radius: 7% 100%;
    border-bottom-left-radius: 7% 100%;

}

.btn-group {
    --bs-border-radius: 2.5rem;
    width: 50%;
    padding: 2px;
    border: 1px solid black;
    border-top-right-radius: 4% 100%;
    border-bottom-right-radius: 4% 100%;
    border-top-left-radius: 4% 100%;
    border-bottom-left-radius: 4% 100%;

}

.btn {
    --bs-btn-line-height: 15.5px;
    --bs-btn-padding-x: 1.75rem;
}

.btn-secondary {
    --bs-btn-bg: #ffffff;
    --bs-btn-color: black;
    --bs-border-width: 0px;
    border-radius: 19px;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 25% 100%;
    border-bottom-right-radius: 25% 100%;
    border-top-left-radius: 25% 100%;
    border-bottom-left-radius: 25% 100%;
}

.btn-group>.btn:nth-child(3n):not(.dropdown-toggle) {
    border-top-right-radius: 35% 100%;
    border-bottom-right-radius: 35% 100%;
    border-top-left-radius: 35% 100%;
    border-bottom-left-radius: 35% 100%;
}

.btn-group>.btn:last-child:not(:first-child) {
    border-left: none;
    border-top-right-radius: 18% 100%;
    border-bottom-right-radius: 18% 100%;
    border-top-left-radius: 18% 100%;
    border-bottom-left-radius: 18% 100%;
}

@media only screen and (max-width: 1024px) {
    .text-dark {
        font-size: 12px;

    }

    .btn {
        --bs-btn-line-height: 5.5px;
    }

    .btn-group>.btn:last-child {
        right: 3px;
    }
}

@media (max-width:1440px) and (min-width:768px) {
    .btn-group {
        width: 80%;

    }