/* Botón "Compartir" del final de la página (issue #133). Lleva el estilo del
   botón "Ver más" del home (azul claro #edf1fa, texto #091474, esquinas de
   14px; ver #sb-infinite-scroll-load-more en custom-woocommerce.css), más
   chico porque es una acción secundaria. Con ícono y palabra, y debajo la
   invitación, como el ejemplo de Amazon que mandó el cliente. */
.abrasivomx-compartir {
	padding: 48px 16px 56px;
	background-color: #ffffff;
	text-align: center;
}

.abrasivomx-compartir__boton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 170px;
	padding: 12px 28px;
	border: 0;
	border-radius: 14px;
	background-color: #edf1fa;
	color: #091474;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color 0.2s ease-out;
}

.abrasivomx-compartir__boton:hover,
.abrasivomx-compartir__boton:focus-visible {
	background-color: #dde6f6;
	color: #091474;
}

.abrasivomx-compartir__boton:focus-visible {
	outline: 2px solid #091474;
	outline-offset: 2px;
}

.abrasivomx-compartir__texto {
	margin: 18px 0 0;
	color: #333333;
	font-size: 14px;
}

/* Aviso "Enlace copiado": ocupa su lugar siempre para que no mueva la página
   al aparecer. */
.abrasivomx-compartir__aviso {
	min-height: 20px;
	margin: 10px 0 0;
	color: #067d62;
	font-size: 13px;
}