.msg-top {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  z-index: 3;
  transform: translateY(-200%);
  transition: all 0.3s;
  &.show {
    transform: translateY(0);
  }
  .msg-from-server {
    width: 70%;
    margin: 0 auto;
    background-color: #fff;
    padding: 10px 64px 8px 8px;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 1px 1px 3px rgba($dark-color, 0.5);
    position: relative;
    .close-msg {
      width: 25px; height: 25px;
      line-height: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: $main-color;
      position: absolute;
      top: 8px;
      right: 18px;
      font-weight: bold;
      font-size: 20px;
      color: #fff;
      border-radius: 3px;
      cursor: pointer;
      // &:hover {
      //   color: $main-color;
      // }
    }
  }
}