JSFiddle - React, Tailwind, and code Playground

by Victor

HTML

<div class="outside">
    <div class="level"></div>
    <div class="contact"></div>
</div>

CSS

.outside {
    width:100px;
    height:30px;
    border:black 2px solid;
    position:relative;
    
}

.level {
    background: red;
    width:10px;
    height:30px;
}

.level:hover {
    background: green;
    width:100px;
}

.contact {
 width:5px;
height:10px;
background:black; 
position: absolute;
top: 10px;
right:-5px;    
}