.button[contenteditable] {
  cursor: text;
}
.button[disabled] {
  opacity: 0.25;
  cursor: default;
}
a.button {
  position: relative;
  padding: 0;
  width: auto;
  font-family: inherit;
}
.button:not(input):not([contenteditable]):empty {
  display: none;
}
a.button.is-filled, input.button.is-filled, .has-filled-button a.button, .button.is-bordered, .has-bordered-button .button {
  background: transparent;
  padding: 0 20px;
  box-sizing: border-box;
  min-width: 160px;
  border-style: solid;
  color: white;
}
a.button.is-filled:not(.inverted)[contenteditable]::after, .has-filled-button:not(.inverted) [contenteditable] .button::after, .has-bordered-button.inverted:not(.semi-invert) .button::after {
  border-color: white !important;
}
.inverted a.button.is-filled:not(.inverted)[contenteditable]::after {
  border-color: #ff3900 !important;
}
.controller.inverted:not(.semi-invert) .button.is-filled, .controller.inverted:not(.semi-invert) input.button.is-filled, .controller.inverted.has-filled-button:not(.semi-invert) .button {
  background: white;
  color: #ff3900;
  border-color: white;
}
.controller.inverted:not(.semi-invert) .button.is-bordered, .controller.inverted.has-bordered-button:not(.semi-invert) .button {
  border-color: white;
  color: white;
}
.controller.semi-invert.has-filled-button [contenteditable]:not([contenteditable="false"])[data-type="text"] .button::after {
  border-color: white;
}
.controller.has-inverted-buttons:not(.semi-invert) .button {
  color: white;
}
[contenteditable] .button {
  cursor: inherit;
}
.button.is-filled label.statistics-clicks {
  right: -18px;
  background: white;
}
.button.is-filled label.statistics-clicks::before {
  filter: none;
}
.is-text .button + .button {
  margin-left: 20px;
}
@media (max-width: 480px) {
  .is-text .button + .button {
    margin-top: 20px;
    margin-left: 0;
  }
}