Floater image icon
For Laconoa


color:
#278AD7

<style>
.fh-fixed--bottom.fh-button-true-flat-blue::before {
    background-image: url('https://cdn.filestackcontent.com/Sg18cenaSBeLrdb2t2Tr') !important;
    margin: -12px .3em 4px -.6em !important;
    height: 1.4em !important;
    top: 0.5em !important;
    content: '' !important;
    display: inline-block !important;
    width: 1.8em !important;
    position: relative !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: invert(1) drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.3)) !important;
}
</style> 


<a href="https://fareharbor.com/embeds/book/lacanoa-kanuzentrumkonstanz/?full-items=yes" style="font-weight: bold !important; border: 2px solid white;" class="fh-hide--mobile fh-fixed--bottom fh-button-true-flat-blue fh-font--inherit">Jetzt Buchen</a>
<a href="https://fareharbor.com/embeds/book/lacanoa-kanuzentrumkonstanz/?full-items=yes" style="font-weight: bold !important; border: 2px solid white;" class="fh-size--small fh-hide--desktop fh-fixed--side fh-button-true-flat-blue fh-font--inherit">Jetzt Buchen</a>




Bicycle Icon floater
Bicycle icon on floater

<!-- Fareharbor button -->
<a href="https://fareharbor.com/embeds/book/ebee/?full-items=yes" class="fh-fixed--bottom fh-button-true-flat-color fh-color--white fh-shape--round">Book Your Guided Tour</a>
<style>
	.fh-fixed--bottom::before{
	background-image: url('https://webstockreview.net/images/clipart-bicycle-simple-1.png') !important;
	margin: -12px 0.4em 0 -0.1em !important;
	height: 2em !important;
	width: 2em !important;
	top: 0.5em !important;
	content: '' !important;
      	display: inline-block !important;
	filter: invert(1) !important;
      	position: relative !important;
      	background-position: center center !important;
      	background-repeat: no-repeat !important;
      	background-size: contain !important;
		}
</style>


****
  
  
  
  
  
Compass floater image
<style>
			a.fh-button-true-flat-orange.fh-icon--cal:before{
			background-image: url('https://getyourtouribiza.com/wp-content/uploads/icons8-compass-96.png') !important;
			height: 25px !important;
			width: 25px !important;
			}
</style>

<!-- FareHarbor book button for flow #388439 -->
<script>  
  jQuery(document).ready(function($){
    var lang = jQuery('html').attr('lang');
    buttonText = 'BOOK NOW';
    if (lang == 'es-ES'){
        buttonText = 'RESERVA AHORA';
    } 
    $('body').append('<a href="https://fareharbor.com/embeds/book/getyourtouribiza/?full-items=yes&flow=388439" class="fh-fixed--side fh-shape--round fh-icon--cal fh-button-true-flat-orange">'+buttonText+'</a>');
  });
</script>
<script>
	jQuery(document).ready(function($){
	if (window.location.pathname.indexOf('/free-tour-sant-antoni-de-pormany/') > -1 || window.location.pathname.indexOf('/kostenlos-tour-sant-antoni-de-pormany/') > -1 || window.location.pathname.indexOf('/tour-gratuit-de-sant-antoni-de-pormany/') > -1 || window.location.pathname.indexOf('/en/free-tour-sant-antoni-de-pormany/') > -1 || window.location.pathname.indexOf('/free-tour-ibiza/') > -1){
      	$('.fh-fixed--side').remove();
	};
});
</script>