/* IMPORTANT: Do not modify this generated css file*/
/* common value, do not edit unless you have global search and confirm it is safe */
/* Color Theme */
/* Color theme for landing */
/* header scss variable */
/* (Flexbox Mixin Helper) */
/* (Calc Mixin Helper) */
/*  START: Animation Mixin */
/* Clockwise Spinning */
/* Anti-clockwise Spinning */
/*  END: Animation Mixin */
/* line 8, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
.reserveNow {
  position: absolute;
  z-index: 1;
  background-image: url(/_ui/shared/common/images/sprite/common-s5153810755.png);
  background-position: -182px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 42px;
  width: 182px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 8, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
  .reserveNow {
    background-image: url(/_ui/shared/common/images/sprite/common-2x-s3c81ae8a3a.png);
    background-size: 456px 169px;
    background-position: -182px 0;
    height: 42px;
    width: 182px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2.25), (min-resolution: 2.25dppx) {
  /* line 8, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
  .reserveNow {
    background-image: url(/_ui/shared/common/images/sprite/common-3x-sd1a1297bc1.png);
    background-size: 456px 169px;
    background-position: -182px 0;
    height: 42px;
    width: 182px;
  }
}
/* line 12, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
.language-en .reserveNow {
  background-image: url(/_ui/shared/common/images/sprite/common-s5153810755.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 42px;
  width: 182px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 12, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
  .language-en .reserveNow {
    background-image: url(/_ui/shared/common/images/sprite/common-2x-s3c81ae8a3a.png);
    background-size: 456px 169px;
    background-position: 0 0;
    height: 42px;
    width: 182px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2.25), (min-resolution: 2.25dppx) {
  /* line 12, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
  .language-en .reserveNow {
    background-image: url(/_ui/shared/common/images/sprite/common-3x-sd1a1297bc1.png);
    background-size: 456px 169px;
    background-position: 0 0;
    height: 42px;
    width: 182px;
  }
}
/* line 15, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
.reserveNow:hover {
  transition: opacity 0.13s linear;
}
/* line 173, ../../../../resource/compass/lib/_hktvMixin.scss */
.reserveNow:hover:hover {
  opacity: 0.8;
}

/* line 21, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
.breadcrumb {
  position: relative;
}

/* line 24, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
.reserveNow {
  right: 0;
  top: 30px;
}

/* line 30, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
#directoryWrapper {
  position: relative;
}
/* line 32, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
#directoryWrapper .reserveNow {
  right: 0px;
  top: 8px;
}

/* line 39, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
.info-tab.reservationBtn {
  position: relative;
  height: 44px;
}
/* line 42, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
.info-tab.reservationBtn .reserveNow {
  right: 10px;
  top: 0;
}

/* line 49, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
.reserveNowBtn {
  height: 44px;
  width: 220px;
  position: relative;
  border-bottom: solid 1px #e9e9e9;
}
/* line 54, ../../../../resource/compass/_ui/desktop/common/css/reservationNowButton.scss */
.reserveNowBtn .reserveNow {
  right: 19px;
  top: 1px;
}