As per MDN:
The revert keyword works exactly the same as unset in many cases. The only difference is for properties that have values set by the brow
The unset keyword will first try to fall back to inherited property values, while revert will directly fall back to browser/custom stylesheet. As per MDN:
The unset CSS keyword resets a property to its inherited value if it inherits from its parent, and to its initial value if not. In other words, it behaves like the inherit keyword in the first case, and like the initial keyword in the second case.
unset - CSS @ MDN