.maps .ymaps3x0--control-button { height: auto; }
.maps .ymaps3--popup-marker_container { border-radius: 8px; }
.maps .balloon { position: relative; padding: 20px 16px; color: #000; max-width: 470px; font-size: 13px; }
.maps .balloon-close { position: absolute; top: 0px; right: 0px; font-size: 16px; color: rgba(165,165,165,1.00); cursor: pointer; transition: transform .4s ease; }
.maps .balloon-close:hover { color: #ef0000; transform: rotate(180deg); }
.maps .img-right { float: right; padding: 0 0 6px 16px; }

.maps .marker-html-style1 { padding: 0; margin: 0; }
.maps h1, .maps h1 a { color: #000; font-size: 20px; }
.maps .header-prim { display: block; color: #777; }
.maps .-tel, .maps .-email { color: #777; }
.maps .pimg { margin-bottom: 12px; }
.pimg i { border:none; background-position: left bottom; border-radius: 0; height: 50px; }

.maps .circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;          /* можешь сделать 40px */
	height: 40px;
	border-radius: 50%;
	background: #F55065;  /* красный по умолчанию */
	border: 2px solid #fff;
	color: #fff;
	font: 14px/1 Arial, sans-serif;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);	
	cursor: pointer;
	transition: background 0.4s ease;
}

.maps .circle:hover {
	background: #0179D2;  /* голубой при hover */
}