.order-state {
    display: none;
    padding: var(--lttrshop-space-xs) var(--lttrshop-space-s);
    /* in case the padding top will change, it is necessary to make a change in the Aside .order-state by changing the value of the negated margin */
    border-radius: var(--input-radius-xxl);
    border: var(--outline) solid;
    font-size: var(--lttrshop-txt-s);
    line-height: var(--lttrshop-line-s);
}

.order-state.-lttrshop-submitted {
    display: none;
}

.order-state.-lttrshop-failed {
    display: inline-block;
    color: var(--lttrshop-error-color);
    border-color: var(--lttrshop-error-color);
}

.order-state.-lttrshop-canceled {
    display: inline-block;
    color: var(--lttrshop-error-color);
    border-color: var(--lttrshop-error-color);
}

.order-state.-lttrshop-waiting {
    display: inline-block;
    color: var(--lttrshop-text-color);
    border-color: var(--lttrshop-text-color);
}

.order-state.-lttrshop-paid {
    display: inline-block;
    color: var(--lttrshop-highlight-color);
    border-color: var(--lttrshop-highlight-color);
}