.icon{
    --_icon-width: 32px;
    --_icon-height: 32px;
    display: inline-block;
    width: var(--_icon-width); height: var(--_icon-height); line-height: 1;
    background-size: auto; background-position: center center; background-repeat: no-repeat;
    transform-origin: center;
    color: currentColor;
}

.icon-rotate-90{
    transform: rotate(-90deg);
}

.icon-menu{
    background-image: url('../assets/icons/menu.svg');
}

.icon-linkarrow{
    background-image: url('../assets/icons/arrow-main.svg');
}

.icon-linkarrow-alt{
    background-image: url('../assets/icons/arrow-reversed.svg');
}

.icon-arrow{
    background-image: url('../assets/icons/down-arrow.svg');
}

.icon.icon-social{
    --_icon-width: 16px;
    --_icon-height: 16px;
}

.icon-social-x{
    background-image: url('../assets/icons/twitter.svg');
}

.icon-social-facebook{
    background-image: url('../assets/icons/facebook.svg');
}

.icon-social-youtube{
    background-image: url('../assets/icons/youtube.svg');
}

.icon-social-tiktok{
    background-image: url('../assets/icons/tiktok.svg');
}

.icon-social-instagram{
    background-image: url('../assets/icons/instagram.svg');
}