<style>
    .main-span-{{ block.id }}{
        width: 100%;
        font-size: 13px;
        margin-top: 8px;
    }
    .main-link-{{ block.id }}{
        color: {{ block.settings.link-color }};
        font-weight: bold;
        vertical-align: top;
    }
    .main-text-{{ block.id }}{
        color: {{ block.settings.text-color }};
        vertical-align: top;

    }
    .main-span-{{ block.id }} svg{
        width: 18px;
        height: auto;
    }
    @media screen and (max-width: 990px){
        .main-span-{{ block.id }} svg{
            width: 15px;
        }
    }
</style>


<div class="main-span-{{ block.id }}">
    {% liquid
        if block.settings.icon-choosen == 'return-icon'
        render 'icon-return-arrow'
        endif
        if block.settings.icon-choosen == 'safety-icon'
        render 'icon-safety-shield'
        endif
        if block.settings.icon-choosen == 'guarantee-icon'
        render 'icon-badge'
        endif

    %}

    <a class="main-link-{{ block.id }}"
       href='{% if block.settings.url-link-1 != blank %}{{ block.settings.url-link-1 }}{% endif %}#'>{{ block.settings.url-text-link-1 }}</a>
    <span class="main-text-{{ block.id }}">{{ block.settings.text-1 }}</span>
</div>

