/** MOBILE VIEW **/




.b_red {
  color: white;
  background-color: red;
  border: 2.5px solid red;  
}

.b_red:hover {
  color: red;
  background-color: white;
  border: 2.5px solid red;    
}



.b_brown {
  color: white;
  background-color: brown;
  border: 2.5px solid brown;  
}

.b_brown:hover {
  color: brown;
  background-color: white;
  border: 2.5px solid brown;    
}







.b_green {
  color: white;
  background-color: green;
  border: 2.5px solid green; 
}

.b_green:hover {
  color: green;
  background-color: white;
  border: 2.5px solid green;   
}


.b_dis_blue {
  color: white;
  background-color: rgba(8, 40, 84, 1);; 
  border: 2.5px solid rgba(8, 40, 84, 1);;  
}

.b_dis_blue:hover {
  color: rgba(8, 40, 84, 1);
  background-color: white;
  border: 2.5px solid rgba(8, 40, 84, 1);;   
}







.b_blue {
  color: white;
  background-color: blue;
  border: 2.5px solid blue;  
}

.b_blue:hover {
  color: blue;
  background-color: white;
  border: 2.5px solid blue;   
}


.b_orange {
  color: white;
  background-color: orange;
  border: 2.5px solid orange;   
}

.b_orange:hover {
  color: orange;
  background-color: white;
  border: 2.5px solid orange;   
}


.b_purple {
  color: white;
  background-color: purple; 
  border: 2.5px solid purple;   
}

.b_purple:hover {
  color: purple;
  background-color: white;
  border: 2.5px solid purple;   
}

.b_yellow {
  color: black;
  background-color: yellow;  
  border: 2.5px solid yellow;   
}

.b_yellow:hover {
  color: yellow;
  background-color: black;
  border: 2.5px solid yellow;   
}

.b_pink {
  color: white;
  background-color: pink;
  border: 2.5px solid pink;   
}

.b_pink:hover {
  color: pink;
  background-color: white;
  border: 2.5px solid pink;   
}

.b_gray {
  color: white;
  background-color: gray;
  border: 2.5px solid gray;   
}

.b_gray:hover {
  color: gray;
  background-color: white;
  border: 2.5px solid gray;   
}