/**
 * Blanky Nordic — share buttons (patterns/single-main.php).
 *
 * Outline buttons rather than the theme's filled gold button, so they read as
 * a quiet row of options under the article.
 *
 * @package Blanky_Nordic
 * @since   3.7
 */

.nordic-share {
	align-items: center;
}

.nordic-share__label {
	color: var(--wp--preset--color--muted);
	margin: 0 var(--wp--preset--spacing--20) 0 0;
}

.nordic-share__button .wp-block-button__link {
	align-items: center;
	background: transparent;
	border: 1px solid var(--wp--preset--color--foreground);
	border-radius: 0;
	color: var(--wp--preset--color--foreground);
	display: inline-flex;
	font-size: var(--wp--preset--font-size--sm);
	justify-content: center;
	letter-spacing: normal;
	min-height: 2.75rem;
	min-width: 2.75rem;
	padding: 0 1em;
	text-transform: none;
	transition: background var(--nordic-ease), color var(--nordic-ease);
}

@media (hover: hover) {

	.nordic-share__button .wp-block-button__link:hover {
		background: var(--wp--preset--color--foreground);
		color: var(--wp--preset--color--background);
	}
}