a[type="button"],
.button {
    all: unset;
    border-style: solid;
    border-width: 1px;
    border-radius: 0.5em;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.875rem;
    padding: 0.5em 1em;
    max-width: 100%;
    &:hover {
        border-color: #555;
    }
}

.button.circle {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    font-size: 0.75rem;
    justify-content: center;
    padding: 0.5em 1em;
    height: 1.5em;
    width: 0.5em;
    + form {
        display: inline-flex;
    }
}

nav {
    button[type="submit"] {
        all: unset;
        cursor: pointer;
        padding: 1em;
    }
}
nav,
a[type="button"] {
    i {
        display: inline-block;
        padding-right: 0.25em;
        max-width: 20px;
    }
}