JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#box1"></a>
<div id="box1">teest</div>

CSS

#box1 {
		display:none;
  
	}
	#box1:target {
		display:block;
	}
  a{
      text-decoration:none;
     position: absolute;
    bottom:3%;
    left:47%;
    width:3vw;
    height:3vw;
    border-radius:52%;
    background: linear-gradient(0deg,#0E0E0E, #000 );
    box-shadow: 0 0 0 4px #191919, 0 0 0 5px #0E0E0E, inset 0 0 10px rgba(0,0,0,1),0 5px 20px rgba(0,0,0,.5), inset 0 0 15px rgba(0,0,0,.2)
  }