.switchable-button {
  font-size: 12px;
  padding: 7px 11px;

  a {
    text-decoration: none;

    &:hover {
      text-decoration: none;
    }
  }

  span {
    padding: 4px 8px;
    border-radius: 4px;
  }

  &:not(.active) {
    a {
      color: var(--gray-lighter);
    }
    background-color: var(--gray-light0);
  }

  &.active {
    a {
      color: white;
    }
    background-color: var(--button-active);
  }
}