body 
{
    display: grid;
    place-items: center;
    font-family: system-ui;
    margin: 0;
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.symbol-container {
    width: 105px;
    height: 105px;
}
svg {
    width: 105px;
    height: 105px;
}

#title
{
    font-size: 22px;
    color: -apple-system-label;
    font-weight: bold;
}

#text
{
    line-height: 22px;
    color: -apple-system-gray;
    font-size: 22px;
    margin: 10px;
}

#unblock
{
    margin: 40px;
    padding: 0px 20px;
    display: inline-flex;
    background: #AEAEB2; /* SystemGray2 (Light) */
    outline: none;
    width: auto;
    min-width: 200px;
    height: 40px;
    border-radius: 20px;
    border: none;
    font-size: 15px;
    font-weight: 600; /* semibold */
    align-items: center;
    justify-content: center;
    text-decoration: none;
    -webkit-text-fill-color: white;
    -webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-user-select:none;                  /* prevent copy paste*/
}

@media only screen
and (prefers-color-scheme: dark) {
    #unblock
    {
        background:  #636366; /* SystemGray2 (Dark) */
    }
}
@media only screen
and (prefers-contrast: more) {
    #unblock
    {
        background:  #8E8E93; /* SystemGray2 (Accessible-Light) */
    }
}
@media only screen
and (prefers-color-scheme: dark)
and (prefers-contrast: more) {
    #unblock
    {
        background:  #7C7C80; /* SystemGray2 (Accessible-Dark) */
    }
}
