JSFiddle - React, Tailwind, and code Playground

by chriswt

HTML

<div class="volume"></div>

CSS

.volume {
	width: 34px;
	height: 34px;
	border-radius: 17px;
	background-clip: padding-box;
	box-shadow: 0 1px 1px rgba(45,45,45,.7), inset 0 2px 4px rgba(0,0,0,.5), inset 0 0 0 1px rgba(0,0,0,.3);
	background-image: linear-gradient(bottom, #111 0%, #0f0f0f 100%);
    background-color: #252525;
}