.btnAprendeMx { box-sizing:border-box; border-bottom:2px solid rgba(0,0,0,0.2); box-shadow:0 0 5px 0.2px rgba(0,0,0,0.2); }
.btnAprendeMx::before { box-sizing:border-box; content:''; position:absolute; left:0; top:0; width:46px; height:46px; pointer-events:none; display:none; border-bottom:2px solid rgba(0,0,0,0.2); }

/* estilo de los botones */
/* Mountain Meadow */
.verdeAgua { background:#1abc9c !important; }
.verdeAgua::before { background:#16a085; }
/* Shamrock */
.verdeClaro { background:#2ecc71 !important; }
.verdeClaro::before { background:#27ae60; }
/* Curious Blue */
.azul { background:#3498db !important; }
.azul::before { background:#2980b9; }
/* Wisteria */
.lavanda { background:#9b59b6 !important; }
.lavanda::before { background:#8e44ad; }
/* Pickled Bluewood */
.azulOscuro { background:#34495e !important; }
.azulOscuro::before { background:#2c3e50; }
/* Buttercup */
.amarillo { background:#f1c40f !important; }
.amarillo::before { background:#f39c12; }
/* Zest */
.naranja { background:#e67e22 !important; }
.naranja::before { background:#d35400; }
/* Cinnabar */
.bermellon { background:#e74c3c !important; }
.bermellon::before { background:#c0392b; }
/* Cascade */
.cian { background:#95a5a6 !important; }
.cian::before { background:#7f8c8d; }
/* Porcelain */
.blanco { background:#ecf0f1 !important; }
.blanco::before { background:#bdc3c7; }

/* estilo de los botones con iconos */

.calcular::before { background-image: url('icon_calcular.png'); display:block; }
.casa::before { background-image: url('icon_casa.png'); display:block; }
.cerrar::before { background-image: url('icon_cerrar.png'); display:block; }
.corazon::before{ background-image: url('icon_corazon.png'); display:block; }
.correo::before { background-image: url('icon_correo.png'); display:block; }
.estrella::before { background-image: url('icon_estrella.png'); display:block; }
.home::before { background-image: url('icon_home.png'); display:block; }
.huella::before{ background-image: url('icon_huella.png'); display:block; }
.iniciar::before { background-image: url('icon_iniciar.png'); display:block; }
.regresar::before { background-image: url('icon_regresar.png'); display:block; }
.investigar::before { background-image: url('icon_investigar.png'); display:block; }
.libro::before{ background-image: url('icon_libro.png'); display:block; }
.like::before { background-image: url('icon_like.png'); display:block; }
.pi::before { background-image: url('icon_pi.png'); display:block; }
.puntero::before { background-image: url('icon_puntero.png'); display:block; }
.reloj::before{ background-image: url('icon_reloj.png'); display:block; }

.play::before { background-image: url('icon_play.png'); display:block; }
.stop::before { background-image: url('icon_stop.png'); display:block; }
.detener::before{ background-image: url('icon_stop.png'); display:block; }
.pause::before { background-image: url('icon_pause.png'); display:block; }
.restart:before { background-image: url('icon_restart.png'); display:block; }
.on_off:before { background-image: url('icon_on_off.png'); display:block; }
.on:before { background-image: url('icon_on.png'); display:block; }
.off:before { background-image: url('icon_off.png'); display:block; }
.paso_adelante::before{ background-image: url('icon_paso_adelante.png'); display:block; }
.paso_atras::before{ background-image: url('icon_paso_atras.png'); display:block; }
.al_inicio::before{ background-image: url('icon_al_inicio.png'); display:block; }
.al_final::before{ background-image: url('icon_al_final.png'); display:block; }

.cierto::before{ background-image: url('cierto.png'); display:block; width:78px; height:78px; }
.comenzar::before{ background-image: url('comenzar.png'); display:block; width:78px; height:78px; }
.falso::before{ background-image: url('falso.png'); display:block; width:78px; height:78px; }
.otravez::before{ background-image: url('otravez.png'); display:block; width:78px; height:78px; }