.invoices-leave-popup {
  position: fixed;
  display: none;
  inset: 0;
  z-index: 1001;
}

.invoices-leave-popup .backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.60);
  z-index: 0;
}

.invoices-leave-popup .close-btn {
  position: absolute;
  top: 2rem;
  right: 3rem;
  width: max-content;
  height: max-content;
  font-size: 2.4rem;
  background-color: #ffffff;
  color: var(--grey-dark);
}

.invoices-leave-popup .popup-content {
  position: absolute;
  inset: 0;
  margin: auto;
  max-width: 67rem;
  height: max-content;
  padding: 4.8rem;
  border-radius: 3.8rem;
  background-color: #ffffff;
  font-family: 'Inter', sans-serif;
  z-index: 1;
}

.invoices-leave-popup .title {
  line-height: 105%;
  font-size: 4.8rem;
  color: var(--primary-green);
  margin-bottom: 1.6rem;
}

.invoices-leave-popup .text {
  font-size: 1.6rem;
  line-height: 115%;
  text-align: left;
  color: var(--grey-dark);
}

.invoices-leave-popup .text--small {
  font-size: 1.2rem;
  margin-top: 1.2rem;
}

.invoices-leave-popup .description {
  margin-bottom: 3rem;
}

.invoices-leave-popup .popup-columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2.8rem;
}

.invoices-leave-popup .right-col {
  max-width: 22.5rem;
  width: 100%;
}

.invoices-leave-popup svg {
  max-height: 26.5rem;
  width: 100%;
}

.invoices-leave-popup .btn-form {
  display: inline-block;
  margin-bottom: 2rem;
  padding: 1.2rem 2.4rem;
  width: max-content;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
  border-radius: 11.2rem;
  background-color: var(--primary-green);
  text-transform: uppercase;
  transition: 0.1s ease-in background-color;
}

.invoices-leave-popup .btn-form:hover {
  background-color: var(--second-green);
}