license export const styles = `
:host {
  --baseline: 8px;
  --height: calc(var(--baseline) * 6);
  position: relative;
  display: flex;
  height: var(--height);
}

button {
  width: 100%;
  height: 100%;
  align-items: center;
  border: none;
  background: none;
  font-size: 15px;
  color: #888;
  cursor: pointer;
  white-space: nowrap;
  padding: var(--baseline) calc(var(--baseline) * 2);
}

button:focus,
button:hover {
  color: #222;
}
` ; export const html = `<button></button>` ;