button.mercadopago-button{
	margin: 0 auto .3rem auto;
    width: 70%;
    margin-top: .5rem;
    margin-bottom: .3rem;
    font-size: 16px;
}

.text-monospace{font-size: 14px;}

h5.card-header{
	font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* 1. Hacemos visible el script (normalmente es invisible) */
script[data-button-label] {
    display: block; 
    margin-bottom: 10px; /* Espacio antes del botón */
    text-align: center;
}

/* 2. Usamos un pseudo-elemento para extraer el texto del atributo */
script[data-button-label]::before {
    content: attr(data-button-label); /* Aquí ocurre la magia */
    /* Puedes agregar más estilos aquí para que parezca un título */
}

 /* mostrar el texto "Pagar con Mercado Pago"
.mercadopago-button::after {
    content: attr(aria-label);
    display: inline-block;
    width: 100%;
}
*/