:root {
    --primary__color: #355E3B;
    --primary__color__hover: #203d24;
    --secondary__color: #D9D7B6;
    --bg__color: #f3f3f3;
    --white__color: #ffffff;
  }
  

  .btn__primary {
    background-color: var(--primary__color);
    color: white;
    border: 1.5px solid var(--primary__color);
    padding: 3px 12px;
  }

  .btn__primary:hover {
    background-color: var(--primary__color__hover);
    color: white;
    border: 1.5px solid var(--primary__color__hover);
    padding: 3px 12px;
  }

  .btn__outline__primary {
    background-color: white;
    color: var(--primary__color);
    border: 1.5px solid var(--primary__color);
    padding: 3px 12px;
  }

  .btn__outline__primary:hover {
    background-color: var(--primary__color);
    color: white;
    border: 1.5px solid var(--primary__color);
    padding: 3px 12px;
  }

  .panel__secondary {
    /*background-color: var(--bg__color);*/
    padding: 4px;
    margin: 8px auto
  }