Float - rotating snowflake icon

<link rel="stylesheet" href="https://fh-kit.com/buttons/v2/?color=962526" type="text/css" media="screen" />
<style>
.fh-icon--snowflake::before {
    background-image: url(https://cdn.filestackcontent.com/ubHwJc2TX6XebtdnhHRm) !important;
    margin:-12px 0.1em .14em -0.2em !important;
    height: 1.4em !important;
    top: 0.5em !important;
    content: '' !important;
    display: inline-block !important;
    width: 2em !important;
    position: relative !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.3)) !important;
	animation: spin 5s linear infinite !important;
}
</style>


<!-------- Fareharbor Lightframe and floating button -------->
<script src="https://fareharbor.com/embeds/api/v1/?autolightframe=yes"></script>
<a href="https://fareharbor.com/embeds/book/winterislandcph/?full-items=yes" style="padding: 0 1em !important; font-size: 32px !important; font-weight: 900 !important; box-shadow:none !important; font-family: 'Amatic SC', Sans-serif !important;" class="fh-lang fh-fixed--bottom fh-icon--snowflake fh-button-true-flat-color fh-hide--mobile">BOOK NU</a>
<a href="https://fareharbor.com/embeds/book/winterislandcph/?full-items=yes" style="padding: 0 2em !important; font-weight: 900 !important; box-shadow:none !important;" class="fh-lang fh-fixed--side fh-size--small fh-button-true-flat-color fh-hide--desktop">BOOK NU</a>