<style>.side-tab2 { z-index: 999999; position: fixed; right: 20px; bottom: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.2s ease; transition: 0.2s ease; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .side-tab2:before { content: ""; position: absolute; display: block; top: 50%; left: -58px; width: 100px; height: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .side-tab2:hover { -webkit-transform: translateX(0%); transform: translateX(0%); } .side-tab2:hover .at-about-fab__meta { opacity: 1; } .side-tab2__thumbnail { position: absolute; top: 50%; left: -58px; width: 100px; height: auto; padding: 4px; box-sizing: border-box; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; cursor: pointer; } .side-tab2__thumbnail img { display: block; width: 100%; } .side-tab2__meta { font-family: 'Open Sans', sans-serif; opacity: 0; -webkit-transition: 0.2s ease; transition: 0.2s ease; } .side-tab2__meta h2, .side-tab2__meta p { margin: 0; padding: 0; } .side-tab2__meta h2 { color: #444444; font-size: 14px; font-weight: 600; } .side-tab2__meta p { color: #CCCCCC; font-size: 12px; font-weight: 400; } .side-tab2__meta a { color: inherit; font-weight: 400; text-decoration: none; } </style><!-- Credits --> <!-- Developer - Andy Tran (https://andytran.me) --> <!-- Design - Andy Tran (https://andytran.me) --> <div class="side-tab2"> <div class="side-tab2__thumbnail"> <img alt="Andy Tran" src=" https://www.stavbadomunakluc.sk/wp-content/uploads/2018/07/pozemok-kniha.png " /> </div> </div><script></script>