/**
 * GM Diseño — Vaciar el carrito
 */

:root {
	--gmvc-color: #b3261e;
}

.gmvc {
	cursor: pointer;
}

/* En el carrito lateral va como enlace discreto, sin competir con los
 * botones de ver carrito y finalizar compra. */
.gmvc--lateral {
	display: block;
	margin: 0 0 10px;
	padding: 0;
	background: none;
	color: var(--gmvc-color);
	font-size: 13px;
	text-align: center;
	text-decoration: underline;
}

.gmvc--lateral:hover,
.gmvc--lateral:focus {
	color: var(--gmvc-color);
	opacity: 0.8;
}

/* En la página del carrito va como botón, junto al de actualizar. */
.gmvc--pagina {
	background-color: transparent !important;
	border: 1px solid var(--gmvc-color) !important;
	color: var(--gmvc-color) !important;
}

.gmvc--pagina:hover,
.gmvc--pagina:focus {
	background-color: var(--gmvc-color) !important;
	color: #fff !important;
}

.gmvc.is-cargando {
	pointer-events: none;
	opacity: 0.6;
}

@media (max-width: 782px) {
	.gmvc--pagina {
		width: 100%;
		margin-top: 8px;
	}
}