.chatform-btn-n {
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  position: fixed;
  width: min(100%, 1000px);
  bottom: 0;
  z-index: 5;
  left: 50%;
  transform: translateX(-50%);
}

.chatform-btn-n.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.timer {
  position: relative;
}

.timer .left-block {
  position: absolute;
  bottom: 0;
  left: 1%;
  font-size: 20px;
  width: calc(100% - 92%);
}

.timer .clock-block {
  position: absolute;
  color: #FF4D6B;
  top: 6%;
  right: 6%;
  font-size: 30px;
  font-weight: 700;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

@media (max-width : 1000px) {

  .timer .center-block,
  .timer .clock-block {
    font-size: 3.5vw;
    top: 4.8%;
  }
}

.shiny {
  position: relative;
  overflow: hidden;
}

.shiny::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 40px;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflection 3s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 3s ease-in-out infinite;
}

@keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}