/**
 * Estilos del botón de descarga del catálogo PDF completo.
 * Usa una variante en color para distinguirse visualmente del botón
 * "Descargar categoría" del plugin base, cuando ambos aparecen juntos.
 *
 * @package WooCommerce_PDF_Catalog_Full
 */

.wpcf-catalog-button-wrap {
	display: inline-block;
	margin: 0 0 28px 10px;
}

.wpcf-catalog-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 22px;
	background-color: #ffffff;
	color: #1a1a1a;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	border: 2px solid #1a1a1a;
	border-radius: 4px;
	letter-spacing: 0.2px;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
}

.wpcf-catalog-button:hover,
.wpcf-catalog-button:focus {
	background-color: #1a1a1a;
	color: #ffffff;
	transform: translateY(-1px);
}

.wpcf-catalog-button:active {
	transform: translateY(0);
}

/* Cuando el botón de categoría (plugin base) y el de catálogo completo
   aparecen en la misma página, los alineamos en una misma fila. */
.wpc-catalog-button-wrap {
	display: inline-block;
	vertical-align: middle;
}