<div class="toolTip">
<p class="toolTip__content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur distinctio dolore ipsam iste nobis pariatur possimus quia, quidem quisquam quos?</p>
<!-- /.toolTip__content -->
</div>
<!-- /.toolTip -->
.toolTip {
width: 400px;
height: 150px;
background-color: #ebebeb;
border-radius: 5px;
margin-left: 50px;
position: relative;
padding: 20px;
&::before {
content: "";
width: 30px;
height: 30px;
transform: rotate(45deg);
position: absolute;
left: -15px;
top: 30%;
background-color: #ebebeb;
}
}
.block {
border: 1px solid transparent;
}
.block:hover {
border-color: red;
}