JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html><head></head><body>

<div>No white borders</div>

<div class="fish">Yes white borders</div>

</body></html>

CSS

body {
  background: url(https://source.unsplash.com/640x240) no-repeat;
}

div {
  width: 140px;
  height: 140px;
  display: inline-block;
  margin: 20px;
  padding: 20px;
  backdrop-filter: blur(6px);
  background-color: #fff1;
  border-radius: 8px;
  box-shadow: 0px 0px 10px #0006;
}

.fish {
  box-shadow: 0px 0px 10px #0006, inset 0px 0px 3px #fff8, inset 0px 0px 1px #fffc;
}