html,
body {
  background-color: #000000;
}

.a-enter-vr-button,
.a-enter-vr-modal,
.a-enter-vr-modal a {
  color: transparent;
}

.a-enter-vr-button {
  background: url(../assets/img/icon_VR_normal.png) no-repeat;
  background-size: 100% 100%;
  border: 0;
  bottom: 0;
  cursor: pointer;
  width: 80px;
  height: 80px;
  padding-right: 5%;
  padding-top: 4%;
  position: absolute;
  right: 0;
  transition: background-color .05s ease;
  -webkit-transition: background-color .05s ease;
  z-index: 9999;
}

.a-enter-vr-modal:after {
  border-bottom: 10px solid transparent;
  border-left: 10px solid #666;
  border-top: 10px solid transparent;
  display: block;
  content: '';
  position: absolute;
  right: -5px;
  top: 5px;
  width: 0;
  height: 0;
}

.a-enter-vr-button:active,
.a-enter-vr-button:hover {
  background-color: transparent;
  background: url(../assets/img/icon_VR_hover.png) 50% 50% no-repeat;
  transition:  300ms ease;
    -webkit-transition: 300ms ease;
    -moz-transition:  300ms ease;
    -o-transition: 300ms ease;
  background-size: 100% 100%;
}

@media only screen and (max-width: 414px) {
  .a-enter-vr-button {
    width: 60px;
    height: 60px;
  }
}
