/*
 * Botones sin transición de color.
 *
 * La plantilla los anima con una capa ::before que se despliega al pasar el
 * ratón, más reglas :hover que cambian fondo y color. Aquí ese estado final se
 * aplica también en reposo y se quitan las transiciones: el botón luce siempre
 * el color de llegada y no cambia al pasar por encima.
 *
 * Generado a partir de assets/css/style.css. Regenerar si se actualiza la
 * plantilla.
 */

/* La capa de color queda desplegada desde el principio. */
.btn::before {
  transform: scaleX(1);
  transform-origin: left center;
  transition: none;
}

/* Nada de animaciones de color en el botón ni en sus iconos. */
.btn,
.btn i,
.btn span {
  transition: none;
}

/* Estado final aplicado también en reposo. */
.btn, .btn.active { box-shadow: none; box-shadow : none; }
.btn--primary { border-color: var(--global--color-secondary); color : var(--global--color-white); }
.btn--primary.btn--inversed { border-color: var(--global--color-white); color : var(--global--color-heading); }
.btn--secondary { color: var(--global--color-white); }
.btn--secondary.btn--inversed { color: var(--global--color-white); }
.btn--secondary-dark { color: var(--global--color-white); }
.btn--secondary-dark.btn--inversed { color : var(--global--color-white); border-color: var(--global--color-heading-darken); }
.btn--alternative { color: var(--global--color-white); }
.btn--alternative.btn--inversed { color : var(--global--color-white); border-color: var(--global--color-heading-darken); }
.btn--white { color: var(--global--color-white); }
.btn--transparent { color: var(--global--color-white); }
.btn--transparent.btn--primary { background-color: var(--global--color-primary); }
.btn--transparent.btn--white { border-color : var(--global--color-primary); background-color: var(--global--color-primary); }
.btn--danger { background-color: var(--global--color-secondary); color : var(--global--color-white); border-color : var(--global--color-secondary); }
.btn--success { background-color: var(--global--color-secondary); color : var(--global--color-white); border-color : var(--global--color-secondary); }
.btn--prime { background-color: var(--global--color-secondary); color : var(--global--color-white); border-color : var(--global--color-secondary); }
.btn--purble { background-color: var(--global--color-secondary); color : var(--global--color-white); border-color : var(--global--color-secondary); }
.btn-shadow-hover { box-shadow: 0px 9px 30px 0px rgba(40, 40, 40, 0.15); box-shadow : 0px 9px 30px 0px rgba(40, 40, 40, 0.15); }
.btn--bordered.btn--primary { color : var(--global--color-white); background-color: var(--global--color-primary); border-color : var(--global--color-primary); }
.btn--bordered.btn--secondary { color : var(--global--color-white); background-color: var(--global--color-secondary); border-color : var(--global--color-secondary); }
.btn--bordered.btn--white { color : var(--global--color-primary); background-color: var(--global--color-white); border-color : var(--global--color-white); }
.btn-transparent { color : var(--global--color-white); background-color: var(--global--color-secondary); border-color : var(--global--color-secondary); }
.hero .hero-content .btn-video .icon { background-color: var(--global--color-primary); }
.hero .hero-content .btn-video .icon svg { color: var(--global--color-white); }
.hero.hero-7 .btn-video .icon { background-color: var(--global--color-white); }
.hero.hero-7 .btn-video .icon svg { color: #063464; }
.blog-single .nav-posts .btn { box-shadow: 0px 3px 63px 0px rgba(6, 52, 100, 0.11); box-shadow : 0px 3px 63px 0px rgba(6, 52, 100, 0.11); color : var(--global--color-white); background-color : var(--global--color-heading); }
.blog-single .nav-posts .btn i { color: var(--global--color-white); }
.single-product .product-content .product-action .btn { color: var(--global--color-white); }
.widget-search .form-search .btn i { color: var(--global--color-primary); }
.widget-reservation .widget-content .btn { color: var(--global--color-heading); }
.widget-reservation .widget-content .btn i { color: var(--global--color-heading); }
.widget-filter .btn-filter { color: var(--global--color-primary); }
.contact .contact-action .btn:first-child i { color: var(--global--color-white); }
.contact .contact-action.contact-action-2 .btn i { color: var(--global--color-white); }
.img-card-holder .img-card .card-content .content-bottom .btn { color: var(--global--color-white); }
.img-card-holder .img-card .card-content .content-bottom .btn i { color: var(--global--color-white); }
.services .service-panel .service-content .service-more .btn { background-color: var(--global--color-primary); }
.services .service-panel .service-content .service-more .btn { color: var(--global--color-white); }