.cronus-button-group [data-partial-refresh-setting] {
  display: inline-block;
}

.cronus-button {
  line-height: 24px;
  min-width: 200px;
  padding-bottom: 13px;
  padding-top: 13px;
  color: white;

  &__primary {
    background: var(--global-palette1) !important;
    border: 2px solid var(--global-palette1) !important;

    &:hover {
      background: var(--global-palette2) !important;
      border-color: var(--global-palette2) !important;
    }

  }

  &__secondary {
    background: transparent !important;
    border: 2px solid white !important;

    &:hover {
      background: white !important;
      color: black;
    }
  }
}