/* Input styling */
input:not([type=submit]):not([type=button]):not(.button):not(.btn) {
    appearance: none;
    border: 1px solid #949494;
    border-radius: 0.33rem;
    font-size: var(--wp--preset--font-size--small);
    flex-grow: 1;
    margin-left: 0;
    margin-right: 0;
    min-width: 3rem;
    padding: 8px;
    text-decoration: unset;
}

input[type=button],
input[type=submit] {
    background-color: var(--wp--preset--color--contrast);
    border-color: var(--wp--preset--color--contrast);
    border-radius: 0.33rem;
    border-width: 0;
    color: var(--wp--preset--color--base);
    cursor: pointer;
    font-family: inherit;
    font-size: var(--wp--preset--font-size--small);
    font-style: normal;
    font-weight: 500;
    line-height: inherit;
    padding-top: 0.6rem;
    padding-right: 1rem;
    padding-bottom: 0.6rem;
    padding-left: 1rem;
    text-decoration: none;
    word-break: normal;
}

input[type=button]:hover,
input[type=submit]:hover {
    background-color: var(--wp--preset--color--contrast-2);
    border-color: var(--wp--preset--color--contrast-2);
    color: var(--wp--preset--color--base);
}

input[type=button]:focus,
input[type=submit]:focus {
    background-color: var(--wp--preset--color--contrast-2);
    border-color: var(--wp--preset--color--contrast-2);
    color: var(--wp--preset--color--base);
    outline-color: var(--wp--preset--color--contrast);
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 1px;
}

:where(input[type=button]),
:where(input[type=submit]) {
    border: 1px solid #ccc;
}