.quest {
  display: flex;
  width: 95%;
  background: none;
  color: white;
  font-family: Montserrat;
  text-decoration: none;
  font-size: 16px;
  justify-content:flex-start;
  align-items: center;
  border-radius: 10px;
  margin-bottom: 10px;
  border: rgba(255, 255, 255, 0.5) 2px solid;
  cursor: pointer;
  padding: 10px;
  &:hover {
    border: #f6a615 2px solid;
  }
}

.pill-btn {
  font-family: Montserrat;
  letter-spacing: 0.7px;
  cursor: pointer;
  outline: none;
  border: none;
}

.activeClazz {
  background: none;
  color: #f6a615;
  border: #f6a615 1px solid; 
}

.pill-btn-academy {
  background: linear-gradient(#1092d5, #1684bb);
}

.activeCatInAcademy {
  background: none;
  color: #1684bb;
  border: #1684bb 1px solid; 
}

.pill-disabled {
  background: linear-gradient(#c4c4c4, #bbbbbb);
  border: #7a7a7a 1px solid; 
  cursor: default;
}