How to change links color on hover

Hi awesome community. 
 

I have a question that I hope you can help me with. On my contact page I've created 3 hyper links or links. Does anyone know how I can change their color when someone hovers over them?
 

Thks you guys in advance. 
 

Can you share the URL and page?

hey ziggy.

im so sorry i thought i already did.

here it is

https://www.niklaskristensen.com/contact

Try adding this to Custom CSS:

#block-ee4609f2bfd661e57bcb {
  p a:hover {
    color:#ff94a6 !important;
  }
}

just added the code but nothing sadly happens

hey ziggy.

that sadly didnt work either.

Strange, try this instead:

section[data-section-id="63e119a72480d26f2155fbee"] {
  a:hover {
    color:#ff94a6 !important;
  }
}

i really appreciate all the help but that sadly didnt work either 🙂

That's really confusing, all of them work in my testing, do you have any CSS that might be conflicting?

ah okay.

Here are all the CCS that i have implemented

header a {
background-image: none !important;
}

/* Nav item color */
.header-nav-item a {
    color: #aeaeae !important;
    transition-duration: 0.4s;
}
/* Nav item hover color */
.header-nav-item a:hover {
    color: #FF92A5 !important;
    transition-duration: 0.4s;
}
/* Nav item active color */
.header-nav-item--active a {
    color: #4a4a4a !important;
}

.header-layout-nav-right .header-nav {
    margin-right: 70px;
}

@media only screen and (min-width:768px) {
  .grid-item:nth-child(odd) {
    margin-top: 0px;
  }
  .grid-item:nth-child(even) {
    margin-top: -50px;
  }
}

.item-pagination-link:hover .item-pagination-icon svg {
  stroke: #FF92A5 !important;
}

.item-pagination-link:hover .item-pagination-title {
  color: #FF92A5 !important;
}

p.sqsrte-small a:hover {
    color: #FF92A5 !important;
}

@Ziggy did my CCS help you why I'm having this problem? 🙂

My guess would be this is causing the problem:

p.sqsrte-small a:hover {
    color: #FF92A5 !important;
}

cool thanks,

tried to remove that code and replace it with all your suggestions, but it still doesn't change sadly.

thanks for all your help though.

@Ziggy deleted the old block and placed it with a new one and added your CSS

p a:hover {
    color: #FF92A5 !important;
}

and now it works. so thank you yet again so much for all your help.

Brilliant! Could you mark my post as the solution to your question, and give a thumbs up? Thanks!