:host {
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  flex: 1;
  padding: 15px 0;
  border-bottom: 1px solid #e5e7e9;
  color: #656769;
  max-width: 50%;
}

:host(.disabled) {
  opacity: 30%;
  cursor: default;
}

:host(.desktop) {
  font-size: 11px;
}

:host(.selected) {
  padding-bottom: 14px;
  border-bottom: 2px solid var(--staytuned-main-color, #216fd4);
  color: var(--staytuned-main-color, #216fd4);
}