JSFiddle - React, Tailwind, and code Playground

HTML

<body>


<div id="dolu">
    <a href="#obsah">VÍCE INFORMACÍ</a>
</div>


</body>

CSS

body {background: red; }

#dolu {
    position: absolute; 
    bottom: 5px; text-align: 
        center; width: 100%; 
}

#dolu a:hover {
	color: white; 
    background: rgb(31, 31, 31); 
    
} 
#dolu a {
    color: black; 
    background: white; 
    font-size: 40px; 
    font-weight: bold; 
    font-family: sans-serif; 
    font-variant: normal; 
    text-decoration: none; 
    padding: 10 20 6 20; 
    transition: 5s; 
}