x-button {
  display: inline-block;
}
x-button button {
  position: relative;
  min-width: 6em;
  border-radius: var(--theme-border-radius);
  padding: var(--theme-padding-xs) var(--theme-padding-sm);
  font-size: inherit;
  color: var(--theme-font-color-inverted);
  cursor: pointer;
  border: 1px solid;
  overflow: hidden;
}
x-button button[type=submit] {
  background-color: var(--theme-primary-color);
}
x-button .invisible {
  visibility: hidden;
}