/* Estilo ajustado según la imagen: botón negro, texto blanco en mayúsculas, centrado */
.tsd-post-buttons-wrapper {
	margin: 28px 0 !important;
	padding-top: 12px !important;
}

/* Botones en línea por defecto, centrados */
.tsd-post-buttons {
	display: flex !important;
	gap: 12px !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important; /* centro los botones en línea */
}

/* Forzar que los textos dentro de los botones sean blancos en cualquier caso */
.tsd-post-buttons .tsd-btn,
.tsd-post-buttons .tsd-btn * {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important; /* WebKit */
	text-decoration: none !important;
	opacity: 1 !important;
}

/* Estética del botón como en la imagen */
.tsd-post-buttons .tsd-btn {
	padding: 10px 28px !important;
	border-radius: 2px !important;
	border: 0 !important;
	background: #0b0b0b !important; /* negro similar */
	background-color: #0b0b0b !important;
	color: #ffffff !important;
	text-decoration: none !important;
	display: inline-block !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: background-color .12s ease, transform .06s ease !important;
	line-height: 1 !important;
}

/* Asegurar borde/outline si el tema lo modifica */
.tsd-post-buttons .tsd-btn,
.tsd-post-buttons .tsd-btn:visited,
.tsd-post-buttons .tsd-btn:active {
	border-color: #0b0b0b !important;
	color: #ffffff !important;
}

/* Hover/Focus */
.tsd-post-buttons .tsd-btn:hover,
.tsd-post-buttons .tsd-btn:focus {
	background: #1a1a1a !important;
	background-color: #1a1a1a !important;
	transform: translateY(-1px) !important;
	outline: none !important;
}

/* Variantes (mantener igual look) */
.tsd-post-buttons .tsd-btn-primary { background: #0b0b0b !important; border-color: #0b0b0b !important; color: #fff !important; }
.tsd-post-buttons .tsd-btn-pdf     { background: #0b0b0b !important; border-color: #0b0b0b !important; color: #fff !important; }
.tsd-post-buttons .tsd-btn-podcast { background: #0b0b0b !important; border-color: #0b0b0b !important; color: #fff !important; }

/* Asegurar que enlaces dentro del botón no cambien color por estilos del tema */
.tsd-post-buttons .tsd-btn a,
.tsd-post-buttons .tsd-btn a:link,
.tsd-post-buttons .tsd-btn a:visited {
	color: #ffffff !important;
	text-decoration: none !important;
}

/* Si existe una regla del tema poniendo color con !important en un selector más genérico,
   podemos añadir mayor especificidad usando body y el hostname-class si hace falta.
   (Descomenta y ajusta si necesitas aún más prioridad)
*/
/*
body .tsd-post-buttons .tsd-btn {
    color: #fff !important;
    background: #0b0b0b !important;
}
*/

/* En móvil apilado (uno debajo del otro) */
@media (max-width: 760px) {
	.tsd-post-buttons {
		flex-direction: column !important;
		align-items: stretch !important;
	}
	.tsd-post-buttons .tsd-btn {
		width: 100% !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}
}