HTML, CSS

A sharp change in the background when hovering over the block, or a sharp change in the color of the button text when hovering, without effects does not look cool. To make a smooth “fade”, you need to use one property for the main element, and for its :hover. Code …

If you do not need to make PDF files available for viewing, but want to publish them only for download, you can immediately register the property so that then the files will be downloaded immediately. Example: <a download="" class="tda-link gradient-text" href="/docs/file.pdf">Download PDF file</a>

Perhaps in this article there will be different options for the shadow with examples. But for now, I’m posting the most used option for me: box-shadow: 0 0 10px rgba(0,0,0,0.5);