.wpforms-signature-wrap {
    border: 1px solid #ccc;
    position: relative
}

    .wpforms-signature-wrap:before {
        content: '';
        left: 20px;
        right: 20px;
        bottom: 30px;
        border-top: 1px dashed #000;
        position: absolute;
        opacity: 0.15
    }

   .wpforms-signature-wrap.wpforms-field-medium {
        width: 65%
    }

    .wpforms-signature-wrap.wpforms-field-small {
        width: 25%
    }

   .wpforms-signature-wrap .wpforms-signature-canvas {
        cursor: crosshair;
        background-color: #fff;
        width: 100%;
        height: 130px;
        display: block
    }

    .wpforms-signature-wrap .wpforms-signature-clear {
        position: absolute;
        padding: 0;
        top: 6px;
        right: 6px;
        text-indent: -9999px;
        display: block;
        height: 18px;
        width: 18px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAjVBMVEUAAAC9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8e9w8dPGsaAAAAALnRSTlMAAQIDBAUGCAkQFBUgUVJUVVdYWX5/gIOFkpSdnrK3ubq8vsPHz9Hg5PP19/n9/XkMegAAAWRJREFUOMudldtygjAQhv8YsaJIi4qtBxooqICy7/94vSg5Qhin/1XIfrOzpyyAKRZtjuX9cS+Pm4jBq9W+Ia1mvxrHwjO5OodDjCUdDdUlbgDzjMaVzS1ueSOfrm+mPz9HdNU+WUZTylScW5pWIuui830YZn3u+ipd1M0Oi7w/igCJricAYK2+PwDwPzLnAN6VZQUAqfYHALyQHLCTpj0A1sqY+pB5QQXvz7L3DQMi5T+Q5JfkApVmBMQKFNzpKxfKtgFO5CNnmqMjUJGHnH0blhKoaZy0OLoDT6tbnwpMrfuH4/FHe+SF49GMsTBjtMjSyjq3s+a5lfVUHXOzjrozC2lPVWfI6Myw10L7NnuNgzM9QkdhTY87j0LHG9vzaE14IPwTbr6ZRh+7ZvBmXn6Fr7/rlzfF5O65Lf+1zQC2Hd2P25EFHV4G3CUcX87rQ2tQbbr2r3sWxaeqftbVKZ76K0zqFyQcpfMy3szXAAAAAElFTkSuQmCC");
        background-size: contain
    }

        .wpforms-signature-wrap .wpforms-signature-clear:hover {
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAjVBMVEUAAADAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSsbXcqWAAAALnRSTlMAAQIDBAUGCAkQFBUgUVJUVVdYWX5/gIOFkpSdnrK3ubq8vsPHz9Hg5PP19/n9/XkMegAAAWRJREFUOMudldtygjAQhv8YsaJIi4qtBxooqICy7/94vSg5Qhin/1XIfrOzpyyAKRZtjuX9cS+Pm4jBq9W+Ia1mvxrHwjO5OodDjCUdDdUlbgDzjMaVzS1ueSOfrm+mPz9HdNU+WUZTylScW5pWIuui830YZn3u+ipd1M0Oi7w/igCJricAYK2+PwDwPzLnAN6VZQUAqfYHALyQHLCTpj0A1sqY+pB5QQXvz7L3DQMi5T+Q5JfkApVmBMQKFNzpKxfKtgFO5CNnmqMjUJGHnH0blhKoaZy0OLoDT6tbnwpMrfuH4/FHe+SF49GMsTBjtMjSyjq3s+a5lfVUHXOzjrozC2lPVWfI6Myw10L7NnuNgzM9QkdhTY87j0LHG9vzaE14IPwTbr6ZRh+7ZvBmXn6Fr7/rlzfF5O65Lf+1zQC2Hd2P25EFHV4G3CUcX87rQ2tQbbr2r3sWxaeqftbVKZ76K0zqFyQcpfMy3szXAAAAAElFTkSuQmCC");
            background-size: contain
        }