.leaflet_div {
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px #fff inset, 0 -1px 0px #ccc inset;
  line-height: 0;
  margin-right: 1em;
}

.leaflet_div.align-left {
  float: left;
}

.leaflet_div.align-right {
  float: right;
}

.leaflet_div.align-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.cke_widget_wrapper:hover>.cke_widget_element {
  outline: 3px solid yellow !important;
}

.responsive-map {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
  width:100%;
}

.responsive-map-iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.leaflet_div {
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px #fff inset, 0 -1px 0px #ccc inset;
  line-height: 0;
  margin-right: 1em;
  margin-bottom: 1em;
}

.leaflet_div.align-left {
  float: left;
}

.leaflet_div.align-right {
  float: right;
}

.leaflet_div.align-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.cke_widget_wrapper:hover>.cke_widget_element {
  outline: 3px solid yellow !important;
}

.responsive-map {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
  width:100%;
}

.responsive-map-iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

Add some margin at the bottom of the map widget to improve visual spacing
Add some margin at the bottom of the map widget to improve visual spacing
