/**
*  Fediverse-Abonnieren-Button in der Seitenleiste
*
*  Farben wie die Primär-Buttons des Themas (--btn-primary-*), Breite wie die Seitenleiste.
*  Der Button selbst kommt aus dem Plugin activitypub (activitypub-follow.css, lila Verlauf);
*  die Regeln hier haben mehr Gewicht (zwei Klassen) und überschreiben ihn.
*  Kontrast: Text auf Button wie bei allen Primär-Buttons des Themas (bei `paw` 3,2 : 1, beim Hover 5,1 : 1).
*  Fokusring --ink-navy wie in der Kontaktbox (der Token --btn-primary-focus-ring erreicht nur 1,6 : 1).
**/

.c-fediverse .activitypub-follow__button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-xs);
	box-sizing: border-box;
	inline-size: 100%;
	padding: 0.7em 1.2em;
	border: 2px solid var(--btn-primary-border);
	border-radius: var(--border-radius);
	background: var(--btn-primary-bg);
	box-shadow: none;
	color: var(--btn-primary-text);
	font-family: var(--font-interface);
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	transform: none;
	transition: background 0.3s ease-out;

	&:hover {
		background: var(--btn-primary-hover-bg);
		box-shadow: none;
		color: var(--btn-primary-hover-text);
		transform: none;
	}

	&:focus-visible {
		outline: 3px solid var(--ink-navy);
		outline-offset: 2px;
	}
}

/* Icon: Linien in der Textfarbe des Buttons, zweite Ebene als helle Tönung derselben Farbe
   (die Standardfarbe der zweiten Ebene wäre die Buttonfarbe und damit unsichtbar). */
.c-fediverse .c-icon {
	--icon-line: currentColor;
	--icon-duo: currentColor;
	--icon-duo-opacity: 0.3;
	--icon-size: 2em;
	flex: none;
}

/* Zwei Zeilen: Hauptzeile fett, darunter der Zusatz */
.c-fediverse .activitypub-follow__label {
	align-items: flex-start;
	gap: 0.1em;
	text-align: start;
}

.c-fediverse .activitypub-follow__text {
	font-size: var(--fs-0);
	font-weight: 700;
	line-height: 1.2;
}

.c-fediverse .activitypub-follow__subtext {
	font-size: var(--fs--1, 0.85em);
	font-weight: 500;
	line-height: 1.25;
	opacity: 1;
}