.coming-soon-notice{

  position: fixed;

  top: 18px;

  left: 50%;

  transform: translateX(-50%);

  z-index: 99999;

  background: rgba(0,0,0,.85);

  color: #fff;

  padding: 12px 16px;

  border-radius: 999px;

  font-size: 14px;

  line-height: 1;

  box-shadow: 0 8px 24px rgba(0,0,0,.18);

  opacity: 0;

  pointer-events: none;

  transition: opacity .18s ease, transform .18s ease;

}

.coming-soon-notice.is-show{

  opacity: 1;

  transform: translateX(-50%) translateY(0);

}