Window4u-ico

test

<style> .window4u-ico:hover .window4u-link{ display:block; } .window4u-ico-wrapper:hover .window4u-link{ display:block; } .window4u-link{ width: 190px; height: 70px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 4px 30px #00000029; border-radius: 38px; opacity: 1; float: right; position: relative; display: none; margin-right: 10px; } .window4u-link:hover{ opacity:0.95; } .window4u-ico-wrapper{ z-index: 20; position: fixed; right: 45px; top: 75vh; } .window4u-link-inside{ display: flex; width: 130px; height: 70px; margin:auto; align-items: flex-start; flex-direction: column; justify-content: center; } .window4u-link-text{ text-align: left; font: normal normal bold 13px/15px ‘arial’; letter-spacing: 0px; color: #222222; } .window4u-link-text-2{ text-align: left; font: normal normal normal 12px/14px ‘arial’; letter-spacing: 0px; color: #222222 } .window4u-ico{ float:right; bottom: 100px; right: 100px; box-shadow: 0 0 20px rgba(0,0,0,.5); background-color: #00afef; border-radius: 50%; display: flex; width: 70px; height: 70px; align-items: center; justify-content: center; } </style> <div class=”window4u-ico-wrapper”> <div class=”window4u-ico”> <img src=”https://www.window4u.pl/Layout/img/window4u_calc_ico.svg” alt=”Window4u-ico”> </div> <a href=”https://woning.window4u.com.nl” target=”_blank”> <div class=”window4u-link”> <div class=”window4u-link-inside”> <span class=”window4u-link-text”>Vraag offerte online</span><span class=”window4u-link-text-2″>via window4u</span> </div> </div> </a> </div>

Window4u-ico