/******************** OUTLINE BUTTON **************************/
.outline-button a {
    border: solid 2px #499dda;
    padding: 8px 16px;
    border-radius: 25px;
    text-decoration: none;
    background-color: white;
}

.outline-button:hover a {
    color: white;
    background-color: #499dda;
    text-decoration: none;
}

.outline-button:active a {
    background-color: #3d6f94;
    border: solid 2px #3d6f94;
    text-decoration: none;
    color: white;
}
/******************** OUTLINE BUTTON END **************************/
/******************** OUTLINE BUTTON BLACK **************************/
.outline-button-black-no-href {
    border: solid 2px #3a3a3a;
    padding: 8px 16px !important;
    border-radius: 25px;
    text-decoration: none;
    background-color: white;
    margin: 0 5px;
    font-size: 14px !important;
    cursor: pointer;
}
.outline-button-black a {
    border: solid 2px #499dda;
    padding: 8px 16px;
    border-radius: 25px;
    text-decoration: none;
    background-color: white;
}
.outline-button-black:hover a {
    color: white;
    background-color: #499dda;
    text-decoration: none;
}

.outline-button-black:active a {
    background-color: #3d6f94;
    border: solid 2px #3d6f94;
    text-decoration: none;
    color: white;
}
/******************** OUTLINE BUTTON BLACK END **************************/
/******************** OUTLINE BUTTON BLUE BACKGROUND **************************/
.outline-button-bb-no-href {
    border: solid 1px white;
    padding: 8px 16px;
    border-radius: 25px;
    text-decoration: none;
    background-color: #499dda;
    color: white;
    cursor: pointer;
    font-size: 14px !important;
}
.outline-button-bb a {
    border: solid 2px white;
    padding: 8px 16px;
    border-radius: 25px;
    text-decoration: none;
    background-color: #499dda;
    color: white;
}

.outline-button-bb:hover a {
    color: white;
    background-color: #499dda;
    text-decoration: none;
}

.outline-button-bb:active a {
    background-color: #499dda;
    border: solid 2px white;
    text-decoration: none;
    color: white;
}
/******************** OUTLINE BUTTON BLUE BACKGROUND END **************************/
/******************** gray GHOST BUTTON **************************/
.gray-ghost-button a {
    /*border: solid 2px #499dda; */
    padding: 8px 16px;
    border-radius: 25px;
    text-decoration: none;
    /*background-color: white;*/
    color: #7e878e !important;
}
/******************** gray GHOST BUTTON END **************************/
/******************** PRIMARY BUTTON **************************/
.primary-button-new  {
    border: solid 2px #499dda;
    padding: 6px 24px;
    border-radius: 25px;
    text-decoration: none;
    background-color: #499dda;
    color: white;
    font-size: 14px;
    text-align: center;
}
.primary-button-new a {
    color: white !important;
}
.primary-button-new:hover  {
    color: white;
    background-color: rgb(68, 134, 168);
    text-decoration: none;
    border: solid 2px rgb(68, 134, 168);
    cursor: pointer;
}

.primary-button-new:active {
    background-color: #3d6f94;
    border: solid 2px #3d6f94;
    text-decoration: none;
    color: white;
}
/******************** PRIMARY BUTTON END **************************/
/******************** PRIMARY BUTTON BLUE BACKGROUND **************************/
.primary-button-bb-new  {
    border: solid 2px white;
    padding: 6px 24px;
    border-radius: 25px;
    text-decoration: none;
    background-color: white;
    color: #499dda;
    font-size: 14px;
    text-align: center;
}
.primary-button-bb-new a {
    color: #499dda !important;
}
.primary-button-bb-new:hover  {
    color: #499dda;
    background-color: white;
    text-decoration: none;
    border: solid 2px white;
    cursor: pointer;
}

.primary-button-bb-new:active {
    background-color: white;
    border: solid 2px white;
    text-decoration: none;
    color: #499dda;
}
/******************** PRIMARY BUTTON END BLUE BACKGROUND **************************/
/******************** SECONDARY BUTTON **************************/
.secondary-button-new  {
    border: solid 2px #DBEBF8;
    padding: 6px 24px;
    border-radius: 25px;
    text-decoration: none;
    background-color: #DBEBF8;
    color: rgb(68,134,168);
    font-size:14px;
    text-align: center;
}
.secondary-button-new-no-href  {
    border: solid 2px #DBEBF8 !important;
    padding: 6px 24px !important;
    border-radius: 25px !important;
    text-decoration: none !important;
    background-color: #DBEBF8 !important;
    color: rgb(68,134,168) !important;
    font-size:14px !important;
    cursor:pointer;
}
.secondary-button-new a {
    color: rgb(68,134,168) !important;
}
.secondary-button-new:hover  {
    color: rgb(68,134,168);
    background-color: #DBEBF8;
    text-decoration: none;
    border: solid 2px #DBEBF8;
    cursor: pointer;
}

.secondary-button-new:active {
    color: rgb(68,134,168);
    background-color: #DBEBF8;
    text-decoration: none;
    border: solid 2px #DBEBF8;
    cursor: pointer;
}
/******************** SECONDARY BUTTON END **************************/