:host {
  display: block;
  /** @prop --pushbuttonBackgroundColor: the Push Button background color */
  /** @prop --pushbuttonBorderColor: the Push Button border color */
  /** @prop --pushbuttonTextColor: the Push Button text color */
  /** @prop --pushbuttonSelectdBackgroundColor: the Push Button background color when checked */
  /** @prop --pushbuttonSelectedBorderColor: the Push Button border color when checked */
  /** @prop --pushbuttonSelectedTextColor: the Push Button text color when checked */
  font-size: 16px;
  height: 1.3125rem;
  line-height: 1.7;
  margin: 0 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
:host[disabled] {
  opacity: var(--disabledOpacity);
  cursor: not-allowed;
}
:host input {
  display: none !important;
}
:host .rux-push-button__button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.375rem;
  font-size: 1rem !important;
  margin: 0;
  padding: 0 0.625rem;
  color: var(--pushbuttonTextColor);
  background-color: var(--pushbuttonBackgroundColor);
  border-radius: var(--defaultBorderRadius);
  border: 1px solid var(--pushbuttonBorderColor);
}
:host .rux-push-button__input:checked + .rux-push-button__button {
  display: flex;
  color: var(--pushbuttonSelectedTextColor);
  background-color: var(--pushbuttonSelectedBackgroundColor);
  border-color: var(--pushbuttonSelectedBorderColor);
}
:host .rux-push-button__input:disabled + .rux-push-button__button {
  opacity: var(--disabledOpacity);
  cursor: not-allowed;
}