/* Dicotomic button */
.btn-dicotomic-container {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    width: 100%;
    height: 102px; 
  }
  
  .btn-dicotomic-container .btn-dicotomic {
    cursor: pointer; 
    width: 50%;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #C2E4F3;
    box-sizing: border-box;
    border-radius: 0px 3px 3px 0px;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    transition: all 0.2s; 
  }
  
  .btn-dicotomic-container .btn-dicotomic .btn-text {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: normal; 
    font-size: 20px;
    line-height: normal;
    text-align: center;  
    color: #4BBED3;  
  }
  
  .btn-dicotomic-container .btn-dicotomic.active {
    background: #4BBED3;
    border-radius: 3px 0px 0px 3px;
  }
  
  .btn-dicotomic-container .btn-dicotomic.active .btn-text {
    color: #fff; 
  }
  
  /* Blue dicotomic button */
  
  .btn-dicotomic-blue-container {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    width: 100%;
    height: 102px; 
  }
  
  .btn-dicotomic-blue-container .btn-dicotomic-blue {
    cursor: pointer; 
    width: 50%;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #E5EAEF;
    box-sizing: border-box;
    border-radius: 0px 3px 3px 0px;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    transition: all 0.2s; 
  }
  
  .btn-dicotomic-blue-container .btn-dicotomic-blue .btn-text {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: normal; 
    font-size: 20px;
    line-height: normal;
    text-align: center;  
    color: #004f8b;  
  }
  
  .btn-dicotomic-blue-container .btn-dicotomic-blue.active {
    background: #004f8b;
    border-radius: 3px 0px 0px 3px;
  }
  
  .btn-dicotomic-blue-container .btn-dicotomic-blue.active .btn-text {
    color: #fff; 
  }