.button {
  padding: 0.5rem 1rem;
  border: none;
  background: transparent;
  color: #2c2c2c;
  border-radius: 6px;
  cursor: pointer;
  font-family: inherit;
  font-weight: 500;
  font-size: 0.875rem;
  // transition: all 0.2s ease;
  flex: 1;

  &:hover {
    background: #f0f0f0;
  }

  &.active {
    background: #2c2c2c;
    color: white;

    &:hover {
      background: #2c2c2c;
    }
  }

  @media (min-width: 768px) {
    flex: 0 1 auto;
    padding: 0.75rem 1.25rem;
    font-size: 0.9rem;
  }
}