Change a Hyperlink Column Type long hyperlink to button or word

VeeExcelLearn Use JSON column formatting like: 

{
    "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
    "elmType": "a",
    "attributes": {
        "href": "@currentField",
        "target": "_blank"
    },
    "style": {
        "text-decoration": "none"
    },
    "children": [
        {
            "elmType": "button",
            "txtContent": "Link to Item",
            "style": {
                "cursor": "pointer",
                "width": "100%"
            }
        }
    ]
}

Output: 

You can applying CSS styling using available properties given in documentation: formatting-syntax-reference style 

Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.