.quantity-form {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto auto;
    grid-template-areas:
        "left middle right"
        "center center center"
        "bottom bottom bottom";
    column-gap: 1rem;
    row-gap: 1.5rem;

    .left {
        grid-area: left;
        width: 40px;
    }

    .input {
        grid-area: middle;
        text-align: center;
    }

    .right {
        grid-area: right;
        width: 40px;
    }

    .retain-charge {
        display: flex;
        grid-area: center;
        text-align: left;
    }

    .button.submit  {
        --bulma-button-padding-vertical: 0.75em;
        grid-area: bottom;

        &:active {
            background-color: #555;
        }
    }
}