.cyb-pannellum-viewer {
  display: inline-block;
  width: 100%;
  max-height: 60vh;
  aspect-ratio: 16/9;
  margin-bottom: 20px;
  border-radius: 4px;
}

/* Custom controls */
.cyb-pannellum-viewer .controls {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-bottom: 3px;
  pointer-events: none;
}
.cyb-pannellum-viewer .ctrl {
  padding: 0.8em;
  line-height: 1em;
  text-align: center;
  background: rgba(200, 200, 200, 0.8);
  display: inline-block;
  cursor: pointer;
  pointer-events: auto;
  border-left: 1px solid gray;
}
.cyb-pannellum-viewer .ctrl:first-child {
  border-radius: 4px 0 0 4px;
  border-right: none;
}
.cyb-pannellum-viewer .ctrl:last-child {
  border-radius: 0 4px 4px 0;
  border-right: none;
}
.cyb-pannellum-viewer .ctrl:hover {
  background: rgba(200, 200, 200, 1);
}