/*& inputs */
.submission-input {
    width: calc(100% - 0.5rem);
    margin: 0.25rem;
    padding: 0.5rem 0;
    background-color: var(--input_color);
    border: none;
    border-radius: 0.5em;
    color: var(--text_color);
    font-weight: bold;
    text-align: center;
}

/*& submit button */
.submit-button {
    width: calc(100% - 0.5rem);
    margin: 0.25rem;
    padding: 0.75rem 0;
    background-color: var(--input_color);
    border: none;
    border-radius: 0.5em;
    color: var(--text_color);
    font-weight: bold;
    text-align: center;
}

/*~ on hover */
.submit-button:hover {
    filter: brightness(var(--hover_brightness));
    text-shadow: 0 0 0.1rem var(--text_glow_color);
    transition: text-shadow var(--hover_transition_time) linear;
}
