.checout-no { display: none; position: relative; font-size: 14px; line-height: 1.7; color: var(--baseColor); text-align: center; }
.checout-no * { max-width: 360px; }
.checout-no svg { color: #999DA9; display: block; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 576px) { .checout-no { font-size: 12px; line-height: 1.8; } }

.checkout-no__svg { margin-bottom: 2.5em; }

.checout-no.active { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px 0 50px; flex-grow: 1; }
.checout-no.active ~ .checkout__inner { display: none; }
.checout-no.active ~ .checkout__footer button, .checout-no.active ~ .checkout__footer .btn, .checout-no.active ~ .checkout__footer .form__submit, .checout-no.active ~ .checkout__footer .form__button, .checout-no.active ~ .checkout__footer .form__submit, .checout-no.active ~ .checkout__footer .form__button { opacity: 0.3; pointer-events: none; }
@media screen and (max-width: 576px) { .checout-no.active { padding-bottom: 40px; } }