<style>.at-about-fab { z-index: 999999; position: fixed; right: 200px; bottom: 120px; 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; } <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.at-about-fab:hover .at-about-fab__meta { opacity: 1; } .at-about-fab__thumbnail { position: absolute; top: 50%; left: -58px; background: none; width: 300px; height: 450px; padding: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; cursor: pointer; } <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.at-about-fab__thumbnail img { display: block; width: 100%; } </style><div class="at-about-fab"> <div class="at-about-fab__thumbnail"> <img alt="ebook" src="https://annalangheiter.com/wp-content/uploads/2018/01/eBook-Website.png" /> </div> <p><a href="https://annalangheiter.com/">https://annalangheiter.com/</a></p> </div> </div><script></script>