.mobile-app-ad {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 7px 18px;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.3019607843);
  border: 1px solid #f1f1f2;
  border-radius: 8px;
}
.mobile-app-ad .close-ad-btn {
  position: absolute;
  top: 5px;
  inset-inline-end: 7px;
}
.mobile-app-ad .logo-section {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 5px;
}
.mobile-app-ad .logo-section .ad-description {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}
.mobile-app-ad .logo-section .ad-description p {
  font-family: Alexandria;
  font-size: 6px;
  font-weight: 700;
  line-height: 10px;
  color: #909090;
}
.mobile-app-ad .ad-download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-app-ad .ad-download-btn button {
  font-family: Alexandria;
  font-size: 10px;
  font-weight: 700;
  line-height: 12.19px;
  color: #ffffff;
  background-color: #fd9636;
  border: none;
  outline: none;
  border-radius: 8px;
  width: 109px;
  height: 32px;
}
.mobile-app-ad .ad-download-btn svg {
  margin-inline-end: -25px;
  transform: rotate(180deg);
}

/* dark mode */
body.dark .mobile-app-ad {
  background-color: var(--dark-mode-second);
  border-color: var(--dark-mode-white);
  border-top: none;
  border-left: none;
  border-right: none;
}
body.dark .mobile-app-ad .close-ad-btn svg path {
  fill: #fff;
}
body.dark .mobile-app-ad .logo-section svg path[fill="#323A3E"] {
  fill: white;
}
body.dark .mobile-app-ad .logo-section .ad-description p {
  color: #a9a9a9;
}
body.dark .mobile-app-ad .ad-download-btn svg {
  margin-inline-end: -25px;
}

/* to display add in mobile screen only */
@media (min-width: 800px) {
  .mobile-app-ad {
    display: none !important;
  }
}
.rtl .mobile-app-ad .ad-download-btn svg {
  transform: rotate(0deg);
}

/*# sourceMappingURL=mobile-ad1.css.map */