So I have a customer html field in a modern form.  This is essentially a link that the user clicks on that opens up a WebAccess URL .  Here is the code and it is working fine.

window.clickStartTimerButton = function () {
 
};


var link = LFForm.getFieldValues({fieldId: 27});

LFForm.changeFieldSettings(
    { fieldId: 10 },
    { content: "<a href='"+link+"' target=\"_blank\">View Contract</a>" }
  );

However, Id like to make this bigger.  I have tried various iterations of code for font size and everything either does not work or it breaks the link. 

I update the code to the following with the font size attribute

window.clickStartTimerButton = function () {
 
};

var link = LFForm.getFieldValues({fieldId: 27});

LFForm.changeFieldSettings(
    { fieldId: 10 },
   { content: "<a href='"+link+"' target=\"_blank\" style="font-size: 50px;">View Contract</a>" }
  );

As you can see that breaks the link:

Any ideas as to what syntax is used so we can modify the front size?

Thanks,

Chris