Shadow hover on every button

Hi Manpreet,

For reference, can you provide the link to the site in question?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

https://animefirm.com/top-5-isekai-anime-in-january-2023/

Hi there,

try this CSS:

button, a.button, a[role="button"], input[type="submit"] {
    box-shadow: 0px 5px 7px 0 rgba(0,0,0,0);
    transform: translateY(0);
    transition: all 0.3s ease !important;
}
:is(button, a.button, a[role="button"], input[type="submit"]):hover {
    box-shadow: 0px 5px 7px 0 rgba(0,0,0,.25);
    transform: translateY(-2px);
}

Can you also provide me with CSS code to create this hover shadow effect for featured images on the homepage of the website

Try this CSS:

.content-area .inside-article .post-image img {
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0);
    transition: all 0.3s ease-in;
}
.content-area .inside-article .post-image img:hover {
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,.25);
}