JSFiddle - React, Tailwind, and code Playground

HTML

<div class="separator"></div>

CSS

body {
     background-color: lightgray;
 }
 .separator {
     height: 2px;
     border:none;
     background-color: transparent;
     background-image: 
        linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
        linear-gradient(90deg, rgba(255,255, 255,0), rgba(255, 255, 255, 1), rgba(255,255,255,0));
    
    box-shadow: rgba(255,255,255,0.8) 0 0 20px;
    
     background-repeat: no-repeat;
     background-position: 0 0, 0 1px;
     background-size: 100% 1px;
 }