/* Ekko Buttons {Light Mode} 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.special_button {
    color: #2572D7;
    border: 1px solid #2572D7;
    box-shadow: none;
}
.special_button:hover {
    background-color: #2572D7;
}
.button_themed {
    background: transparent;
    color: #454447;
    border: 1px solid #868686;    
} 
.button_themed:hover {
    background: #DDDDDD;
    color: #454447;
    border: 1px solid #868686;
} 
.button_themed_reverse {
    color: #F8F8F8;
    background-color: #106DB5;
}
.button_themed_reverse:hover {
    background-color: #073B61;
}
.button_themed_reverse_icon {
    color: #F8F8F8;
    background-color: #106DB5;
}
.button_themed_reverse_icon:hover {
    background-color: #073B61;
}
.button_right_arrow {
    color: #FFFFFF;
    background-color: #438FFD;
}
.button_right_arrow:hover {
    color: #FFFFFF;
    background-color: #0969f4;
}
.button_text{
    color: #438FFD;
}
.button_go_home {
    background-image: url("/assets/icons/home_rounded_outline_gray.svg");    
    color: #676267;
}
.button_secondary_emphasis_icon {
    background-color: #DDDDDD;
    color: #1D1C1D;
}
.button_secondary_emphasis_icon:hover {
    background-color: #B2B1B2;
    color: #1D1C1D;
}
.button_secondary_emphasis_icon_download {
    background-image: url("/assets/icons/download.svg");
}
.button_modal_no_outline {
    color: #676267;
}
.button_modal_no_outline:hover {
    background: rgba(103, 98, 103, 0.06);
    color: #676267;
}   
.button_modal_icon_download {
    background-image: url("/assets/icons/download_white.svg");       
} 
.button_modal_icon_download:hover {
    background-image: url("/assets/icons/download_white.svg");       
} 

/* Default Button {Light Mode} 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button {
    background: #DDDDDD;
    color: #1D1C1D;
    border: 1px solid #D8D9DB;    
    box-shadow: none;    
}
.button:hover {
    background: #B2B1B2;
    color: #1D1C1D;
    border: 1px solid #B2B1B2;    
}
.button_text:hover{
    color: #438FFD;
    background-color: rgba(67, 143, 253, 0.06);
}
.button_text_secondary:hover {
    background-color: rgba(67, 143, 253, 0.06);
}
.button_text_secondary_icon {
    color: #1D1C1D;
}
.button_text_secondary_icon:hover {
    color: #1D1C1D;
    background-color: rgba(67, 143, 253, 0.06);
}
.button_go_home:hover {
    background-image: url("/assets/icons/home_rounded_outline_gray.svg");        
    background-color: rgba(103, 98, 103, 0.06);
}