Подскажите, как сделать так, что бы кнопка под кругом работала, так же как и над кругом ? Может будут идеи как это реализовать? Используя только стили, и ничего другого.
.OvalMan {
width: 136px;
height: 136px;
background-color: #ffffff;
background-color: var(--white);
border: solid 5px blue;
border-radius: 100%;
display:flex;
align-self: center;
align-items: center;
justify-content: center;
margin-top: 60px;
}
.button {
margin-top: 16px;
}
.button:hover{
font-size: 14px;
border-radius: 100%;
}
.button:hover + .flex-item.OvalMan {
box-shadow: 40px 30px 40px 40px rgb(190, 7, 7);
}
<input type="button" class="button " value="Тык">
<div class="flex-item OvalMan"> </div>
<input type="button" class="button " value="Тык">