.option{
  padding: var(--spacing-sm);
  font-size: var(--font-size-button);
  font-weight: var(--font-weight-button);
  letter-spacing: 0.1125rem;
  color:var(--grey-400);
}

.option:hover{
  border-bottom: 2px solid var(--on-bg);
  color:var(--on-bg);
}

.option--active{
  color: var(--on-bg);
  border-bottom: 2px solid var(--on-bg);
}

.option-mobile{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-xs);
  border: 0;
  border-radius: 0.5rem;
  font-size: 0.6rem;
  letter-spacing: 0.1125rem;
  font-weight: var(--font-weight-button);
  color: var(--on-bg);
}

.option-mobile--active{
  background: var(--on-bg);
  color: var(--grey-700);
}