.password-field {
    position: relative;
    display: block;
}

.password-field input {
    width: 100%;
    padding-right: 48px;
}

.password-eye {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 38px;
    min-height: 36px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--muted);
    font-size: 1rem;
    transform: translateY(-50%);
}

.password-eye:hover,
.password-eye.is-showing {
    background: #edf3ee;
    color: var(--brand);
}

.order-phone {
    display: flex;
    justify-content: center;
    margin: -14px 0 12px;
}

.order-phone-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 5px 11px 5px 7px;
    border: 1px solid #b9ddca;
    border-radius: 999px;
    background: #eef9f3;
    color: #087442;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

.order-phone-link::before {
    content: "☎";
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 50%;
    background: #118552;
    color: #fff;
    font-size: .75rem;
}

.order-phone-link:hover,
.order-phone-link:focus-visible {
    border-color: #118552;
    background: #dff4e8;
    color: #075f38;
}