/* Основной цвет иконок */
.jetpack-social-navigation-svg .icon-facebook {
	color: #1877F2;
	fill: #1877F2;
	transition: color .3s ease, fill .3s ease, transform .3s ease;
/* Добавляем плавный переход */
}

.jetpack-social-navigation-svg .icon-youtube {
	color: #FF0000;
	fill: #FF0000;
	transition: color .3s ease, fill .3s ease, transform .5s;
/* Добавляем плавный переход */
}

/* Цвет иконок при наведении */
.jetpack-social-navigation-svg .icon-facebook:hover {
	color: #084391;
/* Измените на желаемый цвет при наведении */
	fill: #084391;
	transform: scale(2);
}

.jetpack-social-navigation-svg .icon-youtube:hover {
	color: #990000;
/* Измените на желаемый цвет при наведении */
	fill: #990000;
	transform: scale(2);
}

/* Основной стиль картинки */
.custom-logo {
	transition: transform .3s ease;
/* Плавный переход для анимации поворота */
}

/* Поворот картинки на 30 градусов при наведении */
.custom-logo:hover {
	transform: rotate(30deg);
}

.site-footer-wrap {
	color: white !important;
}

-----

.wp-block-button__link {
	background-color: #e7aa03 !important;
/* Желтый фон */
	color: white !important;
/* Белый текст */
	text-decoration: none;
/* Убираем подчеркивание */
	padding: 10px 20px;
/* Добавляем отступы */
	border-radius: 5px;
/* Скругляем углы */
	display: inline-block;
	font-weight: bold;
}

.wp-block-button__link:hover {
	color: black !important;
/* Черный текст при наведении */
}

/* Кнопка загрузки заявлени на главной */
.custom-hover-btn:hover {
	background-color: #fcb900 !important;
}

/* Делаем смену цвета плавной */
#custom-arno-btn {
	transition: background-color .3s ease, color .3s ease !important;
}

/* Эффект при наведении курсора */
#custom-arno-btn:hover {
	background-color: #c0c0c0 !important;
/* Темно-серый фон (на 20% темнее) */
	color: #ffffff !important;
/* Белый текст */
}

/* Скрываем исходный текст "← Back", сохраняя саму ссылку функциональной */
.go-back-message .link {
	font-size: 0 !important;
	text-decoration: none !important;
}

/* Подставляем наш эстонский вариант (или любой другой текст) */
.go-back-message .link::before {
	content: "← Tagasi";
	font-size: 16px;
/* Задайте нужный размер шрифта, если нужно */
	text-decoration: underline;
/* Добавляем подчеркивание, как у ссылки */
}

/* Плавность анимации */
.custom-invert-btn {
	transition: background-color .3s ease, color .3s ease !important;
}

/* Инверсия при наведении */
.custom-invert-btn:hover {
	background-color: #333333 !important;
/* Темно-серый фон (можно заменить на ваш HEX) */
	color: #ffffff !important;
/* Белый текст */
	border-color: #333333 !important;
/* Цвет рамки сливается с фоном */
}

/* Плавность перехода цвета текста */
.custom-download-invert {
	transition: color .3s ease !important;
}

/* При наведении текст становится белым */
.custom-download-invert:hover {
	background-color: #fcb900 !important;
	color: #ffffff !important;
}