:root{
    --font-stack: Verdana, Arial, Helvetica, sans-serif;
    --transition: 500ms;
    --window-width: 400px;
    --window-height: 250px;
    --button-color: #ED6A5A;
}
 #age-verify {    
position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #0000007e;
      transition: var(--transition);
    }
    
    #age-verify .window {
        position: absolute;
        top: 50%;
        left: 50%;
        width: var(--window-width);
        height: var(--window-height);
        overflow: hidden;
        padding: 40px;
        margin-left: -200;
        margin-top: -125;
        background-color: #ffffff;
        border:6px solid var(--button-color);
        box-sizing: border-box;
        box-shadow: 0 20px 60px #00000023;
        transition: var(--transition);
    }
    span {
          display: block;
          text-align: center;
          margin-bottom: 10px;
          font-family: var(--font-stack);
        }
    span.title {
            color: var(--button-color);
            font-size: 24px;
          }
 
    button {
        border: 0;
        margin: 0;
        padding: 0;
        width:48%;
        height:60px;
        color:#FFF;
        font-size: 18px;
        background-color: var(--button-color);
        margin-top:20px;
        font-family: var(--font-stack);
        transform:scale(1);
        transition: .2s;
    }
        button.back {
            display:block;
            float:none;
            margin:auto;
            background-color: #ffffff;
            color:var(--button-color) !important;
            margin-top:20px;
          }
        button.yes {
            float:left;
          }
        button.no {
            float:right;
          }
        button:hover {
            transform:scale(1.1);
            box-shadow: 0 20px 60px #00000023;
            filter: brightenss(110%);
          }
     
        .underBox {
          position:absolute;
          width: var(--window-width);
          height: var(--window-height);
          padding: 40px;
          top:100%;
          left:0;
          right:0;
          background-color: var(--button-color);
          transition: var(--transition);
          box-sizing:border-box;
            color:#ffffff !important;
          }
      
      #age-verify.hidden {
        opacity:0;
        visibility: hidden;
        .window {
          transform:scale(0.5);
        }
      }
      #age-verify.under .window .underbox {
          top:0%;
        }