.o_signature {
    outline: 1px solid rgba(map-get($theme-colors, 'secondary'), 0.3);
    position: relative;

    &.o_signature_empty {
        display: flex;
    }

    &.o_signature_editable:hover {
        outline: 3px solid $o-enterprise-action-color;
        cursor: pointer;
    }

    > p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}