.opc-Video {
  position: relative;
}
.opc-Video iframe {
  border: none;
}
.opc-Video .give-consent-preview {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 10%;
  text-decoration: none;
  background-size: cover;
  background-position: center;
}
.opc-Video .give-consent-preview:not(:hover, :focus-visible) {
  color: #fff;
}
.opc-Video .opc-Video-iframe-wrapper {
  position: relative;
  display: inline-block;
}
.opc-Video .opc-video-pause {
  appearance: none;
  background: #ffffff91;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 1rem;
  left: 1rem;
  margin: 7px;
}
.opc-Video .opc-video-pause:hover {
  color: rgba(0, 0, 0, 0.75);
}
.opc-Video .video-preview-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.opc-Video .video-preview-image {
  cursor: pointer;
  display: block;
}
.opc-Video .video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  z-index: 2;
}
.opc-Video .video-play-button:hover {
  background: rgba(0, 0, 0, 0.8);
}
.opc-Video .video-play-button .fas {
  color: white;
  font-size: 32px;
  margin-left: 6px;
}

.dc-video-consent-btn {
  background-color: #41403E;
  color: #fff !important;
  padding: 10px 30px;
  border-radius: 20px;
  transition: background-color .3s ease-in-out;
}

.dc-video-consent-btn:hover {
  background-color: #2d2d2b;
}

.bg-black {
  background-color: #41403E;
}