/* Ícono de flecha animado (Lottie) dentro de los botones */
#ccb-cotizador-root .ccb-lottie-flecha { display: inline-block; width: 22px; height: 22px; vertical-align: middle; margin-left: 4px; }

/* Efecto de brillo al pasar el cursor, y automático cada 5s */
#ccb-cotizador-root .ccb-btn-siguiente,
#ccb-cotizador-root .ccb-whatsapp-btn { position: relative; overflow: hidden; }
#ccb-cotizador-root .ccb-btn-siguiente::after,
#ccb-cotizador-root .ccb-whatsapp-btn::after {
	content: ""; display: block; position: absolute; top: 0; left: -120px; height: 100%; width: 90px;
	background: hsla(0,0%,100%,.4); transform: skewX(-20deg) translateX(0);
	transition: all .15s linear; pointer-events: none; z-index: 1;
}
#ccb-cotizador-root .ccb-btn-siguiente:hover:not(:disabled)::after,
#ccb-cotizador-root .ccb-whatsapp-btn:hover::after,
#ccb-cotizador-root .ccb-btn-siguiente.ccb-brillo-auto::after {
	animation: ccbBrillo .8s 1 forwards;
}
@media (min-width: 1140px) {
	#ccb-cotizador-root .ccb-btn-siguiente:hover:not(:disabled)::after,
	#ccb-cotizador-root .ccb-btn-siguiente.ccb-brillo-auto::after {
		animation: ccbBrilloAncho .9s 1 forwards;
	}
}
@keyframes ccbBrillo { 0% { transform: skewX(-20deg) translateX(0); } 100% { transform: skewX(-20deg) translateX(1000px); } }
@keyframes ccbBrilloAncho { 0% { transform: skewX(-20deg) translateX(0); } 100% { transform: skewX(-20deg) translateX(1500px); } }