@import "../../assets/scss/reset.css";
.tagDivBtns {
  margin: 0 auto 15px;
}
.tagDivBtns-items {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 720px) {
  .tagDivBtns-items {
    justify-content: center;
  }
}

.sign-buttonWrap {
  width: 32%;
}
@media (max-width: 720px) {
  .sign-buttonWrap {
    width: 45%;
  }
}
@media (max-width: 415px) {
  .sign-buttonWrap {
    width: 90%;
  }
}

.sign-button {
  outline: transparent;
  color: #172053;
  text-transform: uppercase;
  text-align: center;
  height: 43px;
  font-size: 14px;
  border-radius: 36px;
  border: none;
  background-color: #C8DAE5;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 10px;
  padding: 15px;
  width: 97%;
}
.sign-button:hover {
  color: #FFFFFF;
  background: linear-gradient(to bottom, #905499 55%, #5F4BBC 100%);
}

.zodiacPopUpDivDesktop {
  display: flex;
  position: relative;
}
.zodiacPopUpDivDesktop #askGeniePopUp {
  justify-content: center;
}

.modal-open .show {
  background-color: rgba(0, 0, 0, 0.452);
  height: 100%;
  width: 100%;
  backdrop-filter: blur(3px);
}

.zodiacDialogDesktop {
  max-width: 100% !important;
  justify-content: center;
  align-items: center;
}

.genieModalContent {
  display: flex;
  align-items: flex-start;
  flex-flow: wrap;
  max-width: 950px;
  width: 100%;
}
.genieModalContent img {
  cursor: pointer;
}

.popUpCloseBtn {
  position: absolute;
  left: 20px;
  top: 20px;
  justify-content: start !important;
  z-index: 99;
}
.popUpCloseBtn .close span {
  font-size: 30px;
}

.zodiacPopUpListDesktop {
  display: flex;
  align-items: center;
  justify-items: center;
  flex-flow: wrap;
  transition: all 0.4s ease-in-out;
  padding: 3rem;
  justify-content: space-between;
}
.zodiacPopUpListDesktop .zodiacImgs {
  max-width: 110px;
  margin: 15px 10px;
  min-width: 103px;
}
@media (max-width: 720px) {
  .zodiacPopUpListDesktop .zodiacImgs {
    min-width: 60px;
  }
}
.zodiacPopUpListDesktop p {
  text-align: center;
}
.zodiacPopUpListDesktop .sign {
  transition: all 0.4s ease;
}
@media (max-width: 720px) {
  .zodiacPopUpListDesktop .sign {
    max-width: 50%;
  }
}
.zodiacPopUpListDesktop .sign:hover img {
  transform: scale(1.02);
  transition: all 0.4s ease;
}

/*# sourceMappingURL=style.css.map */