.button {    font-size: 1em;    padding: 10px;    color: #fff;    border: 2px solid #06D85F;    border-radius: 20px/50px;    text-decoration: none;    cursor: pointer;    transition: all 0.3s ease-out;}.button:hover {    background: #06D85F;}.overlay {    position: fixed;    top: 0;    z-index: 999999999999999;    bottom: 0;    left: 0;    right: 0;    background: rgba(0, 0, 0, 0.7);    transition: opacity 500ms;    visibility: hidden;    opacity: 0;}.overlay:target {    visibility: visible;    opacity: 1;}.popup {    margin: 135px auto;    padding: 20px;    background: #fff;    border-radius: 5px;    width: 30%;    position: relative;    transition: all 5s ease-in-out;}.popup h2 {    text-align: right;    margin-top: 0;    color: #333;    font-size: 19px;}.popup .close {    position: absolute;    top: 20px;    left: 30px;    transition: all 200ms;    font-size: 30px;    font-weight: bold;    text-decoration: none;    color: #333;}.popup .close:hover {    color: #06D85F;}.popup .content {    max-height: 30%;    text-align: right;}.popup .content h3 {    text-align: center;    font-weight: bold;    font-family: Yekan;    margin-bottom: 12px;    font-size: 20px;    color: #424242;}.popup .content img {    max-width: 80%;    margin: 0 auto 16px;    display: block;}.confirm-modal {    border: 0;    display: block;    width: 100px;    margin: 15px auto 0;    text-align: center;    padding: 15px 0;    font-weight: bold;    border-radius: .25em;    background: initial;    background-color: #78cbf2;    color: #fff;    font-size: 12px;}.confirm-modal.disabled {    color: #555;    background-color: #efefef;}.confirm-modal:hover {    color: #fff;    outline: 0;    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, .4);}.confirm-modal.disabled:hover {    color: #555;    box-shadow: none;}@media screen and (max-width: 700px) {    .box {        width: 70%;    }    .popup {        width: 70%;    }}