Remove hover on text link in mobile view only

Hi, I'd like to remove the hover effect on this text in mobile view as it doesn't really work. This is the code I've used. Any help would be much appreciated.

section[data-section-id="6346d56cae4aab13f73c607e"]
a{
    color:  #000 !important;
transition:1s;
    }
section[data-section-id="6346d56cae4aab13f73c607e"]
  a:hover {
    color: #50617f!important;
  font-size: 3rem;
    transition:1s;
    }

Thank you in advance

No worries, I think I've sorted it. I just wanted to remove the font size change but keep the colour change.

@media only screen and (min-width: 640px){section[data-section-id="6346d56cae4aab13f73c607e"]
a{
    color:  #000 !important;
transition:1s;
  }
section[data-section-id="6346d56cae4aab13f73c607e"]
  a:hover {
  font-size: 3rem;
    transition:1s;
  }}