Html – How to edit shadow root popover-content in css

wanna ask how to edit the default css in shadow root? I wanna remove default border applied to popover content
The red rectangle is the properties that i wanna change. Notice that is (.popover-desktop) inside

Appreciated for your answer. Thanks!

I have tried few ways also not work. Below are the way I had tried.

:host(.popover-desktop) .popover-content {
  border: none;
}

::ng-deep .popover-wrapper {
  .popover-content {
    border: none;
  }
}

:popover-open {
  .popover-wrapper {
    .popover-content {
      border: none;
    }
  }
}