.ca-password-input-wrap {
    display: block;
    position: relative;
    width: 100%;
}

.ca-password-input-wrap > input {
    padding-right: 3.25rem !important;
}

.ca-password-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: .5rem;
    color: #52636a;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    min-height: 2.5rem;
    min-width: 2.5rem;
    padding: .5rem;
    position: absolute;
    right: .35rem;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .15s ease, color .15s ease;
}

.ca-password-toggle:hover {
    background: rgba(0, 79, 53, .08);
    color: #004f35;
}

.ca-password-toggle:focus-visible {
    outline: 3px solid rgba(0, 108, 75, .28);
    outline-offset: 2px;
}

.ca-password-icon {
    height: 1.15rem;
    width: 1.15rem;
}

.ca-password-icon-hide {
    display: none;
}

.ca-password-toggle[aria-pressed="true"] .ca-password-icon-show {
    display: none;
}

.ca-password-toggle[aria-pressed="true"] .ca-password-icon-hide {
    display: block;
}
