/*
 * Anchos de botón liberados.
 *
 * La plantilla fija el ancho de cada botón en píxeles porque está pensada
 * para textos en inglés, más cortos. En español el texto se desbordaba fuera
 * del botón. Aquí cada uno conserva su ancho como mínimo, pero puede crecer
 * con su contenido.
 *
 * Generado a partir de assets/css/style.css. Si se actualiza la plantilla,
 * hay que regenerarlo.
 */

.btn { width: auto; min-width: 170px; }
.btn--slide-wide { width: auto; min-width: 240px; }
.btn-small { width: auto; min-width: 170px; }
.btn-super { width: auto; min-width: 170px; }
.module-contact .btn { width: auto; min-width: 180px; }
.slider .slide .slide-content .slide-action .btn { width: auto; min-width: 200px; }
.slider.slider-1 .slide .slide-content .slide-action .btn:first-child { width: auto; min-width: 192px; }
.slider.slider-1 .slide .slide-content .slide-action .btn:last-child { width: auto; min-width: 170px; }
.slider.slider-2 .slide .slide-content .slide-action .btn:first-child { width: auto; min-width: 170px; }
.slider.slider-3 .slide .slide-content .slide-action .btn:first-child { width: auto; min-width: 192px; }
.slider.slider-3 .slide .slide-content .slide-action .btn:last-child { width: auto; min-width: 170px; }
.hero .hero-content .hero-action .btn { width: auto; min-width: 225px; }
.hero.hero-2 .hero-content .hero-action .btn:first-child { width: auto; min-width: 166px; }
.hero.hero-2 .hero-content .hero-action .btn:last-child { width: auto; min-width: 232px; }
.hero.hero-3 .hero-action .btn:first-child { width: auto; min-width: 166px; }
.hero.hero-6 .hero-content .hero-action .btn { width: auto; min-width: 166px; }
.hero.hero-7 .hero-content .hero-action .btn:first-child { width: auto; min-width: 170px; }
.hero.hero-7 .hero-content .hero-action .btn:last-child { width: auto; min-width: 232px; }
.hero.hero-8 .hero-action .btn:first-child { width: auto; min-width: 166px; }
.hero.hero-9 .hero-content .hero-action .btn:first-child { width: auto; min-width: 166px; }
.hero.hero-9 .hero-content .hero-action .btn:last-child { width: auto; min-width: 232px; }
.hero.hero-10 .hero-content .hero-action .btn { width: auto; min-width: 192px; }
.hero.hero-11 .hero-action .btn:first-child { width: auto; min-width: 192px; }
.hero.hero-12 .hero-action .btn { width: auto; min-width: 232px; }
.projects-gallery .btn { width: auto; min-width: 180px; }
.blog-single .entry-add-comment .btn { width: auto; min-width: 290px; }
.shop-cart .table-wrap .cart-product-action .btn { width: auto; min-width: 134px; }
.shop-cart .cart-total-amount .btn { width: auto; min-width: 200px; }
.shop-cart .cart-calculate-shipping .btn { width: auto; min-width: 200px; }
.about .about-action .btn { width: auto; min-width: 166px; }
.features .actions-holder .btn { width: auto; min-width: 234px; }
.banners .banner-card .banner-action .btn { width: auto; min-width: 130px; }
.banners .banner-card .banner-action .btn:last-child { width: auto; min-width: 167px; }
.banners .banner-card .banner-action.banner-action-2 .btn { width: auto; min-width: 215px; }
.contact .contact-action .btn { width: auto; min-width: 180px; }
.img-card-holder .img-card .card-content .content-bottom .btn { width: auto; min-width: 150px; }
.offer-plan .card-content .card-body .entry-action .btn { width: auto; min-width: 188px; }
.cta .cta-wrapper .cta-action .btn { width: auto; min-width: 220px; }
.page-404 .btn { width: auto; min-width: 125px; }
.services .service-panel.service-panel-2 .service-content .service-more .btn { width: auto; min-width: 164px; }
.service-single .service-entry .entry-content .entry-infos.health-plans .card-content .card-body .entry-action .btn { width: auto; min-width: 188px; }
.industries .actions-holder .btn { width: auto; min-width: 232px; }
.footer .widget-newsletter .widget-content .btn { width: auto; min-width: 200px; }

/* Con anchos flexibles, el texto no debe partirse ni pegarse al borde. */
.btn { white-space: nowrap; padding-left: 26px; padding-right: 26px; }
@media (max-width: 575px) {
  .btn { white-space: normal; width: 100%; min-width: 0; }
}