Custom Font not Clickable on Firefox

Hi, my custom font code is not allowing the font choice to be clickable on firefox. It loads fine and works great on every other browser but for some reason my hyperlinks don't work on firefox. Any help would be appreciated. 

Site: https://www.nolanmatthews.com/

Code: 

//Custom Font //
@font-face {   
font-family: 'DIN Regular';   
src: url(https://static1.squarespace.com/static/65df790327901b71a48a2051/t/65dfae45865c4d1b2854a3a9/1709157957805/DIN+Regular.otf), 
url(https://static1.squarespace.com/static/65df790327901b71a48a2051/t/65dfae3353156d2d3cd4474b/1709157939610/DIN+Regular.woff), 
url(https://static1.squarespace.com/static/65df790327901b71a48a2051/t/65dfae393a03382a1622fc8d/1709157945994/DIN+Regular.woff2); 
}
.sqs-block-button-container a{
    font-family: DIN Regular !important; 
}

h1 {font-family: 'DIN Regular';}
h2 {font-family: 'DIN Regular';}
h3{font-family: 'DIN Regular';}
h4{font-family: 'DIN Regular';}
p {font-family: 'DIN Regular';}
p2 {font-family: 'DIN Regular';}
p3 {font-family: 'DIN Regular';}

.sqs-block-form .field-list .title,
.sqs-block-form .field-list .caption,
.form-wrapper .field-list .field .field-element,
.sqs-block-form .field-list select,
.form-wrapper .field-list textarea,
body:not(.button-style-default) .sqs-block-form .sqs-editable-button {
    font-family: "DIN Regular" !important;
}

h1 a, h2 a, h3 a, h4 a, p a {
text-decoration: none !important;
}

11 hours ago, untamedbri said:

Hi, my custom font code is not allowing the font choice to be clickable on firefox. It loads fine and works great on every other browser but for some reason my hyperlinks don't work on firefox. Any help would be appreciated. 

 

Site: https://www.nolanmatthews.com/

 

Code: 

//Custom Font //
@font-face {   
font-family: 'DIN Regular';   
src: url(https://static1.squarespace.com/static/65df790327901b71a48a2051/t/65dfae45865c4d1b2854a3a9/1709157957805/DIN+Regular.otf), 
url(https://static1.squarespace.com/static/65df790327901b71a48a2051/t/65dfae3353156d2d3cd4474b/1709157939610/DIN+Regular.woff), 
url(https://static1.squarespace.com/static/65df790327901b71a48a2051/t/65dfae393a03382a1622fc8d/1709157945994/DIN+Regular.woff2); 
}
.sqs-block-button-container a{
    font-family: DIN Regular !important; 
}

h1 {font-family: 'DIN Regular';}
h2 {font-family: 'DIN Regular';}
h3{font-family: 'DIN Regular';}
h4{font-family: 'DIN Regular';}
p {font-family: 'DIN Regular';}
p2 {font-family: 'DIN Regular';}
p3 {font-family: 'DIN Regular';}

.sqs-block-form .field-list .title,
.sqs-block-form .field-list .caption,
.form-wrapper .field-list .field .field-element,
.sqs-block-form .field-list select,
.form-wrapper .field-list textarea,
body:not(.button-style-default) .sqs-block-form .sqs-editable-button {
    font-family: "DIN Regular" !important;
}

h1 a, h2 a, h3 a, h4 a, p a {
text-decoration: none !important;
}

Can you take a screenshot of where you find this issue?

I have already check and found no difference between my firefox and edge browser