Eu tenho um button
dentro de uma div
da qual eu não consigo centralizar ele. Por meio de margin-left
eu consigo fazer isso, porém para tratar o mesmo na responsividade é bem massante.
Código do button
juntamente com a div
:
<div class="actions responsivo">
<button type="button" title="Adicionar ao carrinho" class="button btn-cart responsivo amarelo" onclick="addCartao('<?php echo $_product->getId(); ?>')" name="cartaoMensagem<?php echo $_product->getId(); ?>" id="cartaoMensagem<?php echo $_product->getId(); ?>"><span><span>Adicionar</span></span></button>
</div>
CSS
utilizado:
.actions.responsivo {
text-align: center;
}
.button.btn-cart.responsivo.amarelo {
color: #ffffff;
font-size: 12px;
text-transform: uppercase;
background: #e7af19;
border-radius: 3px;
padding: 7px 50px;
border: none;
cursor: pointer;
display: block;
margin-top: 19px;
text-align: center;
line-height: normal;
margin-left: 12px !important;
font-family: 'CoHeadlineCorp-Light';
font-weight: bold;
}