.develux-popup{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9999;
  &-dialog{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction: column;
    background:#fff;
    padding:20px;
    border-radius:8px;
    max-width:400px;
    text-align:center;
    button{
      width:100%;
      cursor: pointer;
      margin:10px;
      padding:8px 16px;
      background: $brand;
      color: #fff;
      border:1px solid $brand;
      &:hover{
        background: $brand-deep;
        border:1px solid $brand-deep;
      }
    }
    .develux-red-bg{
      background: #e20808;
      border: 1px solid #c10606;
      &:hover{
        background: #fb2424;
      }
    }
    .develux-orange-bg{
      background: #e36c03;
      border: 1px solid #c97003;
      &:hover{
        background: #f07a12;
      }
    }
    .develux-green-bg{
      background: green;
      border: 1px solid #0c610c;
      &:hover{
        background: #249224;
      }
    }
  }
}