.form-eraser {
    cursor: pointer;
    display: var(--input-eraser-display);
    height: 100%;
    border: none;
    background: transparent;
    fill: #c4c4c4;
    transition: all .2s;
}

.form-eraser:hover,
.form-eraser:active,
.form-eraser:focus,
.form-eraser:focus-within {
    fill: #000;
    outline: inherit;
}

.form-eraser__svg {
    width: 16px;
    height: 100%;
    outline: none;
}