Central de Atendimento
<div class="footer__item footer__item--Atendimento-Vision is-first"><style>
.btn-whatsapp {
background: var(--color-primary-whatsapp);
border-radius: 5px;
padding: 0.3rem 3.2rem 0.6rem;
float: left;
color: var(--color-secundary-whatsapp);
text-decoration: none;
font-weight: 400;
position: relative;
text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
line-height: 14px;
}
.btn-whatsapp:hover {
background: var(--color-terciary-whatsapp);
}
.d--block {
display: block;
font-size: 15px
}
.icon-whats {
position: absolute;
left: 6.5%;
font-size: 35px
}
.title-btn {
font-size: 13px;
line-height: 1.6
}
.footer__item.footer__item--Atendimento-Vision {
grid-column: span 2;
}
.footer__item.footer__item--links.is-first {
grid-column: span 2;
}
ul.footer--links {
line-height: 1.3;
}
</style>
<div style="min-with:300px">
<span class="footer__item-title heading heading--small">Central de Atendimento</span>
<ul class="footer--links" style="margin-block-start: 0px !important; padding-inline-start: 0px !important;">
<p><i class="far fa-clock"></i> Atendimento: seg. à sáb. 08 às 19h</p>
<p><i class="fab fa-whatsapp"></i> Contato: <span class="highlight-white"> (41) 99942-8992 </span> </p>
<p><i class="far fa-envelope"></i> Email: <span class="highlight-white">suporte@artificiolar.com.br</span></p>
</ul>
</div></div>
.btn-whatsapp {
background: var(--color-primary-whatsapp);
border-radius: 5px;
padding: 0.3rem 3.2rem 0.6rem;
float: left;
color: var(--color-secundary-whatsapp);
text-decoration: none;
font-weight: 400;
position: relative;
text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
line-height: 14px;
}
.btn-whatsapp:hover {
background: var(--color-terciary-whatsapp);
}
.d--block {
display: block;
font-size: 15px
}
.icon-whats {
position: absolute;
left: 6.5%;
font-size: 35px
}
.title-btn {
font-size: 13px;
line-height: 1.6
}
.footer__item.footer__item--Atendimento-Vision {
grid-column: span 2;
}
.footer__item.footer__item--links.is-first {
grid-column: span 2;
}
ul.footer--links {
line-height: 1.3;
}
</style>
<div style="min-with:300px">
<span class="footer__item-title heading heading--small">Central de Atendimento</span>
<ul class="footer--links" style="margin-block-start: 0px !important; padding-inline-start: 0px !important;">
<p><i class="far fa-clock"></i> Atendimento: seg. à sáb. 08 às 19h</p>
<p><i class="fab fa-whatsapp"></i> Contato: <span class="highlight-white"> (41) 99942-8992 </span> </p>
<p><i class="far fa-envelope"></i> Email: <span class="highlight-white">suporte@artificiolar.com.br</span></p>
</ul>
</div></div>