<div class="mt-4 text-center">
    <ul class="social-share">
        <li>
            <a href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(url()->current()) }}" target="_blank">
                <i class="fab fa-facebook"></i>
            </a>
        </li>
        <li>
            <a href="https://twitter.com/intent/tweet?text={{ $news->title ?? '' }}&amp;url={{ urlencode(url()->current()) }}"
                target="_blank">
                <i class="fab fa-twitter"></i>
            </a>
        </li>
        <li>
            <a href="http://pinterest.com/pin/create/button/?url={{ urlencode(url()->current()) }}&description={{ $news->title }}">
                <i class="fab fa-pinterest-p"></i>
            </a>
        </li>
        <li>
            <a href="http://www.linkedin.com/shareArticle?mini=true&amp;url={{ urlencode(url()->current()) }}&amp;title={{ $news->title ?? '' }}&amp;summary={{ $news->description ?? '' }}"
                target="_blank">
                <i class="fab fa-linkedin"></i>
            </a>
        </li>
        <li>
            <a href="https://www.instagram.com/sharer.php?u={{ urlencode(url()->current()) }}" target="_blank">
                <i class="fab fa-instagram"></i>
            </a>
        </li>
    </ul>
</div>

@push('style')
    <style>
        .social-share li {
            display: inline-block;
        }

        .social-share li a {
            width: 35px;
            height: 35px;
            line-height: 35px;
            display: inline-block;
            text-align: center;
            border: 1px solid #e5e5e5;
            border-radius: 50%;
            color: black;
            font-size: 12px;
            transition: all 0.3s;
        }

        .social-share li a:hover,
        .social-share li a.active {
            background-color: #00A8FF;
            color: #fff;
        }

        .social-share{
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }
    </style>
@endpush