div.leaflet-control-zoom {
}

div.leaflet-control-zoom button {
  display: block;
  border: none;
  cursor: pointer;
  transition: background 250ms ease-in-out, transform 150ms ease;
  appearance: none;
  color: black;
  background-color: white;
}

div.leaflet-control-zoom button {
  width: 30px;
  height: 30px;
  color: black;
  /* needed so that z-index works on focus */
  position: relative;
}

div.leaflet-control-zoom button:focus {
  outline: 2px #FFFFFF solid !important;
  box-shadow: 0 0 0 6px #000000 !important;
  outline-offset: 2px !important;
  z-index: 150 !important;

}

div.leaflet-control-zoom button.leaflet-control-zoom-zoomin {
  font-size: 22px;
  font-family: monospace;
  font-weight: bold;
  line-height: 20px;
}
div.leaflet-control-zoom button.leaflet-control-zoom-zoomhome {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;

  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22512%22%20height%3D%22512%22%20version%3D%221.1%22%20id%3D%22svg2%22%3E%3Cg%20transform%3D%22translate%280%2C448%29%22%3E%3Cpath%20style%3D%22fill%3A%23000000%3Bfill-opacity%3A1%3Bstroke%3A%23000000%3Bstroke-width%3A12%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A4%3Bstroke-opacity%3A1%3Bstroke-dasharray%3Anone%22%20d%3D%22m%2016%2C256%20240%2C-192%2096%2C72%200%2C-32%2048%2C0%200%2C72%2096%2C80%20-48%2C0%200%2C192%20-120%2C0%200%2C-160%20-96%2C0%200%2C160%20-168%2C0%200%2C-192%20z%22%20transform%3D%22translate%280%2C-448%29%22/%3E%3C/g%3E%3C/svg%3E);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
div.leaflet-control-zoom button.leaflet-control-zoom-zoomout {
  font-size: 22px;
  font-family: monospace;
  font-weight: bold;
  line-height: 20px;
}
div.leaflet-control-zoom button.leaflet-control-zoom-disabled {
  color: #525252;
  background-color: #f4f4f4;
  cursor: not-allowed;
}