.c-list-social__item,.c-list-social__link{position:relative;color:var(--color-background)}.c-list-social__list{display:flex;flex-wrap:wrap;gap:10px}@media (min-width:768px){.c-list-social__list{width:140px}}.c-list-social__item{background:var(--color-foreground);padding:10px;border-radius:100%;overflow:hidden;-moz-transition:.3s 150ms;-o-transition:.3s 150ms;-webkit-transition:.3s 150ms;transition:.3s 150ms}.c-list-social__item .icon{height:20px;width:20px}.c-list-social__item .after{width:40px;height:40px;position:absolute;top:0;left:-100%;z-index:1;border-radius:100%;transform:scale(0) rotate(45deg);-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;transform-origin:center;border-top:40px solid var(--color-base-accent-3);border-bottom:40px solid var(--color-base-accent-3);border-right:40px solid var(--color-base-accent-3);border-left:40px solid var(--color-base-accent-3)}.c-list-social__item:hover .c-list-social__link,.c-list-social__link{-moz-transition:.3s 150ms;-o-transition:.3s 150ms;-webkit-transition:.3s 150ms}.c-list-social__link{z-index:2;align-items:center;display:flex;transition:.3s 150ms}.c-list-social__item:hover .c-list-social__link{color:var(--color-foreground);transition:.3s 150ms}.c-list-social__item:hover .icon{transform:scale(1)}.c-list-social__item:hover .after{transform:scale(2) rotate(45deg);-moz-transition:.3s 150ms;-o-transition:.3s 150ms;-webkit-transition:.3s 150ms;transition:.3s 150ms}