.hnr-popup .hnr-popup_button.green,
.hnr-popup .v-btn.green {
  background-color: #17b365 !important;
}
.hnr-popup .v-btn.green--text {
  border-color: #2dc06c;
}
.hnr-popup .v-btn.green--text:before {
  background-color: #17b365 !important;
}
.hnr-popup .hnr-popup_button.yellow,
.hnr-popup .v-btn.yellow {
  background-color: #f2b134 !important;
}
.hnr-popup .v-btn.yellow--text {
  border-color: #f2b134;
}
.hnr-popup .v-btn.yellow--text:before {
  background-color: #f2b134 !important;
}
.hnr-popup .hnr-popup_button.red,
.hnr-popup .v-btn.red {
  background-color: #f31111 !important;
}
.hnr-popup .v-btn.red--text {
  border-color: #f31111;
}
.hnr-popup .v-btn.red--text:before {
  background-color: #f31111 !important;
}
.hnr-dialog_mask.nonVueVersion {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  transition: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1), z-index 1ms;
  width: 100%;
  z-index: 2000;
}
.hnr-popup.nonVueVersion {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024,
    0 9px 46px 8px #0000001f;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  min-width: 300px;
  opacity: 1;
  transition: opacity 0.15s ease-out, transform 0.15s ease-out;
}
.hnr-popup.nonVueVersion .hnr-popup_wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 40px;
}
.hnr-popup.nonVueVersion .hnr-popup_text {
  color: #1d1f24;
  padding: 16px 0;
}
.hnr-popup.nonVueVersion .hnr-popup_button {
  border-color: #0000;
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0.64px;
  line-height: 100%;
  min-width: 220px;
  padding: 16px 32px;
  width: 100%;
}
.hnr-popup.slideOut {
  opacity: 0;
  transform: translateY(100px);
}