#popup-1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  font-family: iransansx;
  font-size: 13px;
  line-height: 1;
  color: var(--color_white_1);
  background-color: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  height: 33px; 
  width: calc(100% - 100px);
  position: fixed;
  bottom: -33px;
  right: 0px;
  transition: bottom 0.7s ease-out;
}

html[dir="ltr"] #popup-1 {
  right: unset;
  left: 0px;
}

#popup-1.show {
  bottom: 0px;
}

#popup-1.hide {
  bottom: -33px;
}

#popup-1 > .close-button {
  font-family: Helvetica, Arial, sans-serif;
  cursor: pointer;
  font-size: 21px;
  padding-bottom: 3px;
}