.container {
  display: flex;
  flex-direction: row;
  width: fit-content;
  position: relative;

  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: bold;
  border-radius: 30px;

  .active {
    position: absolute;
    padding: 7px 20px 7px 20px;
    border-radius: 30px;
    height: 22px;
    background-color: rgb(89, 100, 112);
    cursor: default;
  }

  .first-wrapper,
  .second-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .first-wrapper {
    padding: 7px 20px 7px 20px;
    cursor: pointer;
    border-radius: 30px;
    z-index: 2;
  }

  .second-wrapper {
    padding: 7px 20px 7px 20px;
    cursor: pointer;
    border-radius: 30px;
    z-index: 2;
  }

  .selected {
    cursor: default;
  }
}
