#map {
border: 1px solid rgba(30,90,173,0.08);
}

.map-icon {
width: 36px;
height: 36px;
border-radius: 10px;

display: flex;
align-items: center;
justify-content: center;

background: #e7edf5;
color: #5a6a84;

box-shadow: inset 2px 2px 5px rgba(255,255,255,0.6),
          inset -3px -3px 6px rgba(0,0,0,0.05);

transition: all .25s ease;
}

.map-icon svg {
width: 18px;
height: 18px;
}

.map-icon:hover {
transform: translateY(-1px);
color: var(--blue-deep);
}