.ol-control button {
  background-color: var(--color-primary);
}

.ol-zoom,
.ol-attribution,
.ol-zoom-extent,
.ol-zoom:hover,
.ol-zoom-extent:hover {
  background-color: unset;
}

.ol-zoom {
  top: 0.5rem;
  left: 0.5rem;
}

.ol-scale-line {
  bottom: 0.5rem;
  left: 0.5rem;
  background-color: var(--color-primary);
}

.ol-attribution {
  bottom: 0.5rem;
  right: 0.5rem;
  max-width: 75%;
}

.ol-attribution li {
  font-size: 0.6rem;
}

.ol-attribution li:not(:last-child):after {
  content: ' | ';
}

.ol-zoom-extent {
  top: 4.5rem;
  left: 0.5rem;
}

.ol-zoom .ol-zoom-in {
  margin-bottom: 4px;
  margin-top: -1px;
}

.ol-zoom {
  margin-left: 0;
}