:root {
	--bestoychev-social-links-max-width: 25rem;
	--bestoychev-social-links-gap: 0.625rem;
	--bestoychev-social-links-pad-y: 0.75rem;
	--bestoychev-social-links-pad-x: 1rem;
	--bestoychev-social-links-radius: 0.625rem;
	--bestoychev-social-links-border: #444;
	--bestoychev-social-links-text: #111;
	--bestoychev-social-links-icon-size: 1.375rem;
}

.bestoychev-social-links {
	width: min(100%, var(--bestoychev-social-links-max-width));
	margin: 2rem auto;
	padding: 0 1rem;
	box-sizing: border-box;
}

.bestoychev-social-links__title {
	margin: 0 0 1.5rem;
	text-align: center;
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	line-height: 1.2;
	color: var(--bestoychev-social-links-text);
}

.bestoychev-social-links__list {
	display: flex;
	flex-direction: column;
	gap: var(--bestoychev-social-links-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.bestoychev-social-links__item {
	margin: 0;
}

.bestoychev-social-links__link {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	padding: var(--bestoychev-social-links-pad-y) var(--bestoychev-social-links-pad-x);
	border: 1px solid var(--bestoychev-social-links-border);
	border-radius: var(--bestoychev-social-links-radius);
	color: var(--bestoychev-social-links-text);
	text-decoration: none;
	box-sizing: border-box;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.bestoychev-social-links__link:hover,
.bestoychev-social-links__link:focus-visible {
	transform: translateY(-1px);
	opacity: 0.9;
	outline: none;
}

.bestoychev-social-links__icon {
	display: block;
	width: var(--bestoychev-social-links-icon-size);
	height: var(--bestoychev-social-links-icon-size);
	margin: 0;
	object-fit: contain;
	flex-shrink: 0;
}

.bestoychev-social-links__label {
	font-size: 1rem;
	line-height: 1.4;
}
