<button class="button ripple" popovertoggletarget="my-first-pop-up">Toggle Pop-up</button>
<div id="my-first-pop-up" popover>Pop-up content!</div>

@layer base {
  :where([popover]) {
    margin: auto;
    border-width: initial;
    border-style: solid;
  }
  body {
    display: grid;
    place-items: center;
    min-height: 100vh;
  }
}