:root {
    --checkout-button-size: 50px;
    --checkout-button-size-small: 35px;
    --checkout-button-size-large: 65px;
    --checkout-button-size-larger: 75px;
    --bright-linear-gradient: linear-gradient(180deg, #ffffff, #fff, rgba(200,200,200,0.5));
    --accent-linear-gradient: linear-gradient(180deg, #5F7392, #5F7392, #5F7392, #404E62);
}

.number-pad {
    justify-content: space-between
}

    .number-pad .toggleButton {
        margin-bottom: calc((100% - (var(--checkout-button-size) * 4)) / 8);
    }

input:not([type="radio"], [type="checkbox"], [type="submit"]):not(.no-inner-shadow) {
    box-shadow: inset 0 1px 2px rgba(60,64,67,.15);
}