.relative {
  display: block;
  position: relative;
}

.loupe {
  z-index: 99;
  position: absolute;
  top: calc(50% - calc(96px / 2));
  right: calc(20% - calc(96px / 2));
  display: block;
  
  padding: 4px;
  height: 96px;
  width: 96px;
  color: white;
  background-color: #b6ce43;
}

.loupe:hover,
.loupe:active {
  opacity: .9;
}

@media screen and (min-width: 768px) {
  .cc-slider-container {
    pointer-events: none;
  }
  
  .text--xss {
    font-size: .85em;
  }
}