.g_video-component { position: relative; width: 720px; }

.g_video-component .g_video-element { width: 100%; display: block; }

/* Controls */

.g_video-controls { width: 100%; height: 50px; position: absolute; bottom: 0; }

.g_video-controls[data-state=hidden] { display: none; }

.g_video-controls[data-state=visible] { display: block; }

.g_video-controls .g_video-toggle { width: 50px; height: 50px; font-size: 0; background: transparent; background-size: contain; background-repeat: no-repeat; border: 3px solid #000000; border-radius: 50%; outline-color: #FFFFFF; cursor: pointer; position: absolute; right: 50px; bottom: 40px; }

.g_video-controls .g_video-toggle:hover, .g_ex-hopscotch .controls button:focus { opacity: 1; }

.g_video-controls .g_video-toggle[data-state=play] { background-image: url("https://flooranddecor.a.bigcontent.io/v1/static/icon-play-solid-black"); background-size: 65%; background-position: center; filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(50deg) brightness(112%) contrast(105%); }

.g_video-controls .g_video-toggle[data-state=pause] { background-image: url("https://flooranddecor.a.bigcontent.io/v1/static/icon-pause-black?w=24px"); background-size: 80%; background-position: center; filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(50deg) brightness(112%) contrast(105%); }

@media (min-width: 768px) {
  ._hide-desktop { display: none !important; }
}

@media (max-width: 767px) {
  ._hide-mobile { display: none !important; }

  .g_video-component { width: 100%; }
}