O CSS não esta funcionando na classe "icones" para que eu possa fazer o alinhamento do texto com a icone para que o site fique mais responsivo

[Alexandre76 0]

<div class="widget-body">

<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat rutrum eros

sit amet sollicitudin.</div>

<div class="linha"></div>

</div>

 

<div class="widget-body">

<div class="icones"></div>

<a href=''><img src="assets/image/telefone.png">phone: 1-800-643-4300</a>

<div class="linha"></div>

 

<div class="icones"></div>

<a href=''><img src="assets/image/o-email.png">Alguem esta por perto</a>

<div class="linha"></div>

 

<div class="icones"></div>

<a href=''><img src="assets/image/formulario-de-contato.png">y phone: 1-800-643-4300</a>

<div class="linha"></div>

 

.text {

margin-top: 10px;

 

}

 

.linha {

border:0;

border-top: 2px solid #cccc;

margin-top: 30px;

}

 

.widget-body img {

width: 8%;

margin-top: 30px;

 

 

}

 

.widget-body a {

color:#ff0;

;

 

}

 

.widget-body icones {

margin-bottom: 10px;

align-items: center;

justify-content: center;

}