div.subscription-popup {
    width: 460px;
    background-color: #0f6699;
    text-align: center;
    color: white;
    padding: 1rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

div.subscription-popup div.popup-title {
    font: bold 24pt tahoma, sans-serif;
    padding: 1rem;
}

div.subscription-popup div.popup-text {
    font: 16pt tahoma, sans-serif;
    padding: 0 0.5rem 1rem 0.5rem;
}

div.subscription-popup div.popup-fields {
    font: 16pt tahoma, sans-serif;
    padding: 1rem;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto auto;
    text-align: left;
}

div.subscription-popup input.popup-signup-button {
    font: bold 18pt tahoma, sans-serif;
    color: white;
    background-color: #ea7720;
    border: none;
    padding: 0.5rem 3rem 0.5rem 3rem;
    border-radius: 8px;
}

div.subscription-popup input.popup-nothanks-button {
    font: 12pt tahoma, sans-serif;
    color: white;
    background-color: transparent;
    border: none;
    margin-top: 0.5rem;
}