JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
	<line x1="168" y1="179" x2="168" y2="179" stroke="white" class="circle" />
</svg>

CSS

.circle {
	stroke-width: 59;
	stroke-linecap: round;
}
.circle:hover {
	stroke-width: 71;
}
svg {
    /* Make the white circle visible */
	background-color: black;

    /* Make the svg cover the whole area */
    position: absolute;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
}