.cmp-promocode{display:flex;flex-wrap:wrap;border-bottom:1px solid #dedbda;margin:1rem .8rem;padding-bottom:1rem}
.cmp-promocode.hidden{display:none}
.cmp-promocode__title{flex-basis:100%;font-weight:bold;font-size:16px;text-transform:uppercase;margin-bottom:.8rem}
.cmp-promocode__wrapper{width:100%}
.cmp-promocode__input{flex-basis:100%;padding-left:20px;margin-bottom:1rem}
.cmp-promocode__input .error-message-code{display:none}
.cmp-promocode__input:disabled{border:1px solid #ebebeb;border-bottom:1px solid #7c7c7c;background-color:#fff;color:#505050}
.cmp-promocode .error-message-code{display:none}
.cmp-promocode .error .error-message-code{display:block;color:#e73234;font-size:12px}
.cmp-promocode .error .input-container input{margin-bottom:.5rem}
.cmp-promocode__actions{display:flex;justify-content:flex-end;flex-basis:100%}
.cmp-promocode__actions .hidden{display:none}
.cmp-promocode__actions .cmp-button:last-child{margin-left:1rem}
.cmp-promocode__actions .cmp-button__filled .cmp-form-button{background-color:#2d2d2d}
.cmp-promocode__apply.disabled{user-select:none;pointer-events:none;opacity:.5}
.cmp-promocode__apply.cmp-loader__hidecontent{opacity:.5;position:relative;user-select:none;pointer-events:none}
.cmp-promocode__apply.cmp-loader__hidecontent .cmp-loader__circ{position:absolute;color:transparent;right:10px;top:15px}
@media only screen and (min-width:1024px){.cmp-promocode{margin:1rem 0}
.cmp-promocode__wrapper{display:flex;justify-content:space-between}
.cmp-promocode__title{font-size:20px}
.cmp-promocode .cmp-input{flex-basis:65%}
.cmp-promocode .cmp-input.error{margin:0}
.cmp-promocode__input{margin-right:20px}
.cmp-promocode__actions{flex-basis:45%;padding-left:3rem;height:70px}
.cmp-promocode__actions .cmp-button{margin:0}
}