Боковая панель соц сетей

[ZenettanyВерифицированный профиль]

К
<div class="p-body"> <div class="p-body-inner">

        <aside class="sticky-social"> <ul> <li> <a href="https://vk.com/kannadec" class="vk" target="_blank"><i class="fa--xf fab fa-vk" aria-hidden="true"></i></a> </li> <li> <a href="https://vk.com/kannadec" class="discord" target="_blank"><i class="fa--xf fab fa-discord" aria-hidden="true"></i></a> </li> </ul> <ul> <li> <a href="https://vk.com/kannadec" class="https://vk.com/kannadec" target="_blank"><i class="fa--xf fas fa-question" aria-hidden="true"></i></a> </li> </ul> </aside><!--XF:EXTRA_OUTPUT-->
        <style>
.sticky-social ul li a {
    font-size: 17px;
    color: #6e6e6e;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 0;
    margin: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.sticky-social ul {
    background: #1d1f25;
    border: 1px solid #1d1f25;
    border-radius: 0 8px 8px 0;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sticky-social ul li a:hover {
    background: rgba(48, 48, 48, 0.8);
    color: #fcfcfc;
}
.sticky-social {
    position: fixed;
    left: 0;
    background: #1d1f25;
    top: 230px;
    z-index: 1000;
    border-radius: 0px 9px 13px 2px;
</style>