пытаюсь изменить положение div, а он перемещается вместе с другим div
пишу свой первый сайт для личной практики, но столкнулся с проблемой. Хотел сделать блок как витрину с кнопками-ссылками на разные соц сети, но при попытке изменить положение кнопки с помощью margin, она двигается вместе с "витриной"
#social {
margin-top: -4px;
background-color: black;
width: 375px;
height: 100px;
}
.sl {
background-color: #696969;
width: 70px;
height: 70px;
border-radius: 50%;
margin-top: 15px;
}<div id="social">
<div class="sl"></div>
</div>