<h1>Tablet Button</h1>
<div class="tablet">
</div>
h1{
text-align:center;
color:olive;
}
.tablet {
width: 380px;
height: 140px;
background: rgb(219, 219, 0);
position: relative;
margin: auto;
top: 50%;
margin-top: 30px;
border-radius: 150px;
box-shadow: 2px 4px 4px 1px rgba(0, 0, 0, .3), -1px -1px 4px 1px rgba(0, 0, 0, .2);
// transform: perspective(50em) rotateY(20deg);
&:after{
position:absolute;
content:"";
height:100%;
width:3px;
// background:black;
left:50%;
box-shadow:inset 2px 2px 2px rgba(10,10,10,0.4),-1px -1px rgba(10,10,10,0.2);
}
}
Also see: Tab Triggers