.pills>* {
    background-color: #fff;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.pills>:first-child {
    -webkit-margin-start: 15px;
    margin-inline-start:15px}

.pills>:last-child {
    -webkit-margin-end: 15px;
    margin-inline-end:15px}

.m-start-1 {
    -webkit-margin-start: .25rem!important;
    margin-inline-start:.25rem!important}

.m-end-1 {
    -webkit-margin-end: .25rem!important;
    margin-inline-end:.25rem!important}

.pills>.active,.pills>:hover {
    color: #fff;
    background-color: #00b0ca
}