ent: &quot;&quot;;
height: 24%;
width: 66%;
background: #aaa;
bottom: 0;
left: 17%;
box-shadow: inherit;
border-radius: 3% 3%0 0
}

.cassette__square::after,.cassette__square::before {
content: &quot;&quot;;
border-radius: 30%;
background: #333;
bottom: 4%;
box-shadow: -1px -1px 0 0#eee inset;
z-index: 1;
position: absolute;
display: block;
height: 10px;
width: 10px
}

.cassette__square::before {
left: 34%
}

.cassette__square::after {
right: 34%
}

.cassette__description {
position: absolute;
top: 10%;
lef