CSS como dar espaço em botões um em cima do outro?

[vitizin]

esses botões estão em uma position relative porém estão muito juntos, como faço para dar espaço entre eles no css?

[DiF]

@vitxr Já tentou adicionar um

margin-bottom: 1pc;

 

No mais, sem ver o código do html e do css  não tem muito o que falar.

[vitizin]

@DiF Boa tarde irmão, n deu certo o margin-bottom mas vou te mandar o codigo.

 

HTML:

<div class="redes-sociais-box">

      Redes sociais oficiais:<p>



      <div class="redes-sociais">

        <button class="btn-facebook">Facebook</button>

        <button class="btn-youtube">Youtube</button>

        <button class="btn-twitter">Twitter</button>

        <button class="btn-instagram">Instagram</button>

      </div>

    </div>

 

CSS:

.redes-sociais-box {

        position: absolute;

        left: 0;

        right: 0;

        margin: auto;

        top: 1510px;

        width: 900px;

        padding: 30px;

        background-color: #FFFFEE;

        border: 1px solid RGB(182, 182, 182);

        border-radius: 4px;

        font-family: arial;

        font-size: 50px;

        color: RGB(34, 34, 34);

        text-align: center;

    }

   

    .redes-sociais {

        position: relative;

        top: 15px;

        margin-bottom: 1pc;

    }

   

    .btn-facebook {

        position: relative;

        left: 0;

        right: 0;

        margin: auto;

        width: 800px;

        height: 90px;

        background-color: RGB(27, 68, 184);

        border: none;

        border-radius: 300px;

        font-family: arial;

        font-size: 40px;

        color: white;

        cursor: pointer;

    }

 

botei apenas o btn do facebook porque os das outras redes sociais tem o mesmo codigo

[MailingTester]

.redes-sociais button{
   margin-bottom:12px;
}

 

[vitizin]

@MailingTester Muito obrigado mano, imaginava que era questão de margin mas faltava colocar o button na classe. consegui aqui !