UCEA

Chevron Circle 

<div class="relative overflow-hidden bg-button-2-surface rounded-full w-7 h-7 flex items-center justify-center">
    <div class="absolute w-full h-full flex flex-nowrap top-0 left-0 -translate-x-full transition ease-in-out duration-500 group-hover:translate-x-0">
        <div class="w-full h-full justify-center flex items-center flex-shrink-0">
            <div class="w-[50%] h-[50%] -mr-0.5">
                <svg class="w-full h-full relative fill-current" aria-hidden="true">
                    <use href="/front-end/sprite.svg#icon-chevron"></use>
                </svg>
            </div>
        </div>
        <div class="w-full h-full justify-center flex items-center flex-shrink-0">
            <div class="w-[50%] h-[50%] -mr-0.5">
                <svg class="w-full h-full relative fill-current" aria-hidden="true">
                    <use href="/front-end/sprite.svg#icon-chevron"></use>
                </svg>
            </div>
        </div>
    </div>
</div>
 
<div class="relative overflow-hidden bg-button-2-surface rounded-full w-7 h-7 flex items-center justify-center">
    <div class="absolute w-full h-full flex flex-nowrap top-0 left-0 -translate-x-full transition ease-in-out duration-500 group-hover:translate-x-0">
        <div class="w-full h-full justify-center flex items-center flex-shrink-0">
            <div class="w-[50%] h-[50%] -mr-0.5">
                {% render "@icon", { name: "icon-chevron", modifier: "w-full h-full relative fill-current", ariaHidden: true } %}
            </div>
        </div>
        <div class="w-full h-full justify-center flex items-center flex-shrink-0">
            <div class="w-[50%] h-[50%] -mr-0.5">
                {% render "@icon", { name: "icon-chevron", modifier: "w-full h-full relative fill-current", ariaHidden: true } %}
            </div>
        </div>
    </div>
</div>
 
{
  "siteName": "UCEA"
}

No notes defined.