Change hyperlinks in table of contents to section number and page number only

I’m using Overleaf for my literature review and would like to know how to change the hyperref links of the table of contents. Right now the section numbers and section names are used as link, like so:

However, I find the amount of color on this page too overwhelming, but I want to be consistent with coloring all links. I considered changing the links of the table of contents to page only, by using the linktocpage as stated on p.10 of https://mirror.lyrahosting.com/CTAN/macros/latex/contrib/hyperref/doc/manual.pdf

Now only the page numbers are blue, which is to be expected. However, I would like the section numbers to also be links. How do I achieve that?

I did find the following thread from 2015: Hyperlink only Section Number in Table of Contents, but that didn’t solve my problem.

Any help is much appreciated. Thank you in advance.

MWE

documentclass{article}
usepackage[hidelinks, colorlinks=true, allcolors=blue]{hyperref}
usepackage{lipsum}

begin{document}
    tableofcontents
    
    section{First}
    lipsum[66]
    
    subsection{First first}
    lipsum[66]
    
    section{Second}
    lipsum[66]
    
    subsection{Second second}
    lipsum[66]
end{document}

documentclass{article}
usepackage[hidelinks, colorlinks=true, allcolors=blue,linktoc=page]{hyperref}
usepackage{lipsum}
makeatletter
defnumberline#1{%
 ifxHy@tocdestnameltx@empty
  hb@xt@@tempdima{#1hfil}%
 else 
 hb@xt@@tempdima{hyper@linkstart{link}{Hy@tocdestname}#1hyper@linkendhfil}%
 fi}
makeatother
begin{document}
    tableofcontents

    section{First}
    lipsum[66]

    subsection{First first}
    lipsum[66]

    section{Second}
    lipsum[66]

    subsection{Second second}
    lipsum[66]
end{document}