div.signature 
{
    width: 30rem;
    height: 10rem;
    margin: auto ;
    background-image: url(../images/isracard/signature-bg.svg);
    background-size: 100% 100% ;
    position: relative ;
}

    div.signature canvas
    {
        width: 100% ; height: 100% ;
    }

    div.signature .deleteIcon {
        width: 2rem;
        height: 2rem;
        position: absolute;
        left: 1rem;
        bottom: 1rem;
        cursor: pointer;
    }

    /* חיווי פוקוס בניווט מקלדת - סביב הרכיב כולו וסביב כפתור המחיקה */
    div.signature:focus-within,
    div.signature .deleteIcon:focus {
        outline: 2px solid #000;
        outline-offset: 2px;
    }