/* Buttons */

.btn-default {
    display: block;
    width: 100%;
    text-align: center;
    font-size: @md3-font-size;
    background: @light-blue;
    color: @white;
    transition: all .3s ease;
    border: 0;
    margin-bottom: 10px;
    border-radius: 4px;
    white-space: normal;
    padding-left: 0;
    padding-right: 0;
}

.btn-default:hover {
    color: @white;
    background: @dark-grey;
    text-decoration: none !important;
}

.blue-btn,
.blue-btn:focus {
    color: @white;
    background: @light-blue;
    border-radius: 4px;
    white-space: normal;
}

.blue-btn:hover {
    color: @white;
    background: @dark-grey;
}

.white-btn,
.white-btn:focus {
    color: @brand-color;
    background: @white;
    border-radius: 4px;
    white-space: normal;
}

.white-btn:hover {
    color: @brand-color;
    background: @off-white;
}
.white-ambetter-common {
    font-family: 'Roboto-Medium', sans-serif;
    border-radius: 20px;
    border: 2px solid;
    white-space: normal;
}
.white-ambetter-btn,
.white-ambetter-btn:focus {
    color: @brand-color;
    background: @white;
    border: 2px solid @brand-color;
    padding: 5px 0px 5px 0px;
    .white-ambetter-common();
}

.white-ambetter-btn:hover {
    color: @white;
    background: @dark-grey;
    border: 0px;
}

.yelloworange-ambetter-btn,
.yelloworange-ambetter-btn:focus {
    font-family: 'Roboto-Medium', sans-serif;
    color: @darker-grey;
    background: @ambetter-yelloworange;
    border-radius: 20px;
    padding: 5px 0px 5px 0px;
    white-space: normal;
}

.yelloworange-ambetter-btn:hover {
    color: @white;
    background: @dark-grey;
}

.teal-ambetter-btn,
.teal-ambetter-btn:focus {
    font-family: 'Roboto-Medium', sans-serif;
    color: @white;
    background: @ambetter-teal;
    border-radius: 20px;
    padding: 5px 0px 5px 0px;
    white-space: normal;
}

.teal-ambetter-btn:hover {
    color: @white;
    background: @dark-grey;
}

.brand-btn,
.brand-btn:focus {
    background: @brand-color;
    color: @white;
    border-radius: 4px;
    white-space: normal;
}

.brand-btn:hover {
    color: @white;
    background: @dark-grey;
}

.orange-btn,
.orange-btn:focus {
    background: @brand-orange;
    color: @white;
    border-radius: 4px;
    white-space: normal;
}

.orange-btn:hover {
    color: @white;
    background: @dark-grey;
}

.raspberry-btn,
.raspberry-btn:focus {
    color: @white;
    background: @brand-raspberry;
    border-radius: 4px;
    white-space: normal;
}

.raspberry-btn:hover {
    color: @white;
    background: @dark-grey;
}

.lime-btn,
.lime-btn:focus {
    color: @white;
    background: @brand-lime;
    border-radius: 4px;
    white-space: normal;
}

.lime-btn:hover {
    color: @white;
    background: @dark-grey;
}

.mint-btn,
.mint-btn:focus {
    color: @white;
    background: @brand-mint;
    border-radius: 4px;
    white-space: normal;
}

.mint-btn:hover {
    color: @white;
    background: @dark-grey;
}

.navy-btn,
.navy-btn:focus {
    padding: 5px 0px;
    border-radius: 20px;
    background: @brand-navy;
    color: @white;
    font-family: 'Roboto-Medium', sans-serif;
    white-space: normal;
}

.navy-btn:hover {
    color: @white;
    background: @dark-grey;
}

.blueberry-btn,
.blueberry-btn:focus {
    color: @white;
    background: @brand-blueberry;
    border-radius: 4px;
    white-space: normal;
}

.blueberry-btn:hover {
    color: @white;
    background: @dark-grey;
}

.celticblue-btn,
.celticblue-btn:focus {
    color: @white;
    background: @brand-celticblue;
    border-radius: 4px;
    white-space: normal;
}

.celticblue-btn:hover {
    color: @white;
    background: @dark-grey;
}

.grape-btn,
.grape-btn:focus {
    color: @white;
    background: @brand-grape;
    border-radius: 4px;
    white-space: normal;
}

.grape-btn:hover {
    color: @white;
    background: @dark-grey;
}

.hngreen-btn,
.hngreen-btn:focus {
    color: @white;
    background: @brand-healthnetgreen;
    border-radius: 4px;
    white-space: normal;
}

.hngreen-btn:hover {
    color: @white;
    background: @dark-grey;
}

.yellow-btn,
.yellow-btn:focus {
    border: 0;
    color: @darker-grey;
    background: @light-orange;
    border-radius: 4px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    white-space: normal;

}

.yellow-btn:hover {
    color: @darker-grey;
    background: @light-yellow;
}

.gray-btn,
.gray-btn:focus {
    color: @white;
    background: @dark-grey;
    border-radius: 4px;
    border: 1px solid @dark-light-grey;
    white-space: normal;
}

.gray-btn:hover {
    color: @white;
    background: @darker-grey;
    border: 1px solid @dark-light-grey;
}

.btn-large {
    padding: 15px;
    font-size: @lg2-font-size;
    margin-top: 20px;
    white-space: normal;
}

.red-btn,
.red-btn:focus {
    color: @white;
    background: @bright-red;
    border-radius: 4px;
    white-space: normal;
}

.red-btn:hover {
    color: @white;
    background: @dark-grey;
}

.dark-red-btn,
.dark-red-btn:focus {
    color: @white;
    background: @dark-red;
    border-radius: 4px;
    white-space: normal;
}

.dark-red-btn:hover {
    color: @white;
    background: @dark-grey;
}

.black-btn,
.black-btn:focus {
    color: @white;
    background: @black;
    border-radius: 4px;
    white-space: normal;
}

.black-btn:hover {
    color: @white;
    background: @black;
}

.btn-wellcare-primary,
.btn-wellcare-primary:focus {
    padding: 5px 0px;
    border-radius: 20px;
    background: @wellcare-primary;
    color: @black;
    font-family: 'Roboto-Medium', sans-serif;
    white-space: normal;
}

.btn-wellcare-primary:hover {
    background: @dark-grey;
    color: @white;
}

.centenedotcom-carrot-btn,
.centenedotcom-carrot-btn:focus {
    color: @white;
    background: @centenedotcom-carrot;
    border-radius: 4px;
    white-space: normal;
}

.centenedotcom-carrot-btn:hover {
    color: @white;
    background: @dark-grey;
}

.centenedotcom-cerise-btn,
.centenedotcom-cerise-btn:focus {
    color: @white;
    background: @centenedotcom-cerise;
    border-radius: 4px;
    white-space: normal;
}

.centenedotcom-cerise-btn:hover {
    color: @white;
    background: @dark-grey;
}

.centenedotcom-leaf-btn,
.centenedotcom-leaf-btn:focus {
    color: @white;
    background: @centenedotcom-leaf;
    border-radius: 4px;
    white-space: normal;
}

.centenedotcom-leaf-btn:hover {
    color: @white;
    background: @dark-grey;
}

.centenedotcom-navy-btn,
.centenedotcom-navy-btn:focus {
    color: @white;
    background: @centenedotcom-navy;
    border-radius: 4px;
    white-space: normal;
}

.centenedotcom-navy-btn:hover {
    color: @white;
    background: @dark-grey;
}

.centenedotcom-plum-btn,
.centenedotcom-plum-btn:focus {
    color: @white;
    background: @centenedotcom-plum;
    border-radius: 4px;
    white-space: normal;
}

.centenedotcom-plum-btn:hover {
    color: @white;
    background: @dark-grey;
}

.centenedotcom-sky-btn,
.centenedotcom-sky-btn:focus {
    color: @white;
    background: @centenedotcom-sky;
    border-radius: 4px;
    white-space: normal;
}

.centenedotcom-sky-btn:hover {
    color: @white;
    background: @dark-grey;
}
.centenedotcom-btn {
    padding: 5px 15px 5px 15px;
    width: fit-content;
}
.centenedotcom-site-btn {
    .white-ambetter-common();
    .centenedotcom-btn();
    color: @centenedotcom-sky;
    background-color: @white;
    border-color: @centenedotcom-sky;
    &:hover {
        background-color: @centenedotcom-sky;
        border-color: @centenedotcom-sky;
        color: @white;
    }
}
.centenedotcom-white-btn {
    .white-ambetter-common();
    .centenedotcom-btn();
    color: @white;
    background-color: transparent;
    border-color: @white;
    &:hover {
        background-color: @white;
        border-color: @white;
        color: transparent;
    }
}