@import url(theme.css);
/* page style */

/* computer */
.quit-button {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: max-content;
    border: 1px solid var(--color-outline);
    border-radius: 24px;
    padding: 12px 24px;
    cursor: pointer;
    transition: .3s;
}
.quit-button:hover {
    background-color: var(--color-surface);
    border-color: var(--color-surface);
    box-shadow: 0 0 8px var(--color-shadow);
}
.quit-button img {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain;
    margin-right: 12px;
}
a.quiz {
    text-decoration: none !important;
}

/* tablet */
@media screen and (max-width: 768px) {
}

/* phone */
@media screen and (max-width: 480px) {
    .quit-button {
        flex-flow: wrap;
    }
}