.promo-code {
    position: relative;
}

.promo-code__input {
    width: 170px;
}

.promo-code__actions {
    margin-top: 1rem;
}

.promo-code__error {
    margin-top: .5em;
}

.promo-code__button_role_submit {
    margin-left: 1em;
}

.promo-code__form {
    position: relative;

    display: inline-block;

    vertical-align: middle;
}

.promo-code__form .form__field {
    padding: 0;
}

.promo-code__details {
    margin-top: .5em;

    font-size: .9rem;

    color: #9b9b9b;
}

.promo-code__value {
    display: inline-flex;
    align-items: center;

    box-sizing: border-box;
    max-width: 200px;
    height: 32px;
    padding: 0 10px;

    line-height: 32px;
    vertical-align: top;

    background: #f2f2f2;
}

.promo-code__name {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;

    opacity: .5;

    transform: translateY(.1rem);
}

.promo-code__tip-icon {
    width: .85rem;
    height: .85rem;
    margin-left: .55rem;

    opacity: .3;

    transform: translateY(.2rem);
}

.promo-code__spin {
    margin-left: 1em;
}
