.button {
            font-size: 1em;
            padding: 10px;
            color: #FFF;
            border: 2px solid orange;
            border-radius: 20px/50px;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.3s ease-out;
          }
          .button:hover {
            background: orange;
          }
          .overlay {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            
            transition: opacity 500ms;
            visibility: visible;
          }
          .overlay:target {
            visibility: hidden;
            opacity: 0;
            display:none
          }
          .popup { position: relative;
            margin: 70px auto;
            padding: 20px;
            border-radius: 5px;
            width: 50%;
            
            transition: all 5s ease-in-out; }

.popup .close       { top: 20px; float: right; transition: all 200ms;
                      font-size: 80px; font-weight: bold; text-decoration: none; color: #FFF; }
.popup .close:hover { color: orange; }
.popup .content     { max-height: 30%;
max-width: 600px}