.root {
  >button {
    &:hover {
      background: light-dark(
        var(--mantine-color-gray-2),
        var(--mantine-color-dark-6)
      );
      cursor: pointer;
    }

    &:not(:last-child) {
      border-bottom: 1px solid light-dark(
        var(--mantine-color-gray-3),
        var(--mantine-color-dark-4)
      );
      border-right: none;
    }
  }

  &.horizontal {
    display: flex;
    width: auto;

    >button {
      &:not(:last-child) {
        border-bottom: none;
        border-right: 1px solid light-dark(
          var(--mantine-color-gray-3),
          var(--mantine-color-dark-4)
        );
      }
    }
  }
}

.active {
  background: light-dark(
    var(--mantine-color-gray-1),
    var(--mantine-color-dark-5)
  );
}

.content {
  overflow: inherit !important;
}

.noReasonButton {
  border: 1px solid light-dark(
    var(--mantine-color-gray-3),
    var(--mantine-color-dark-4)
  );

  border-radius: var(--mantine-radius-sm);

  &:hover {
    background: light-dark(
      var(--mantine-color-gray-2),
      var(--mantine-color-dark-6)
    );
    cursor: pointer;
  }
}
