.icons div{display:flex;height:48px;padding:10px;justify-content:center;align-items:center;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}button{background-color:inherit;border:none;outline:none}.icons>div:first-child{border-radius:1000px;background:#1877f2}svg{@media screen and (max-width:450px){width:20px;height:20px}}.icons>div:last-child,.icons>div:nth-child(2){border-radius:1000px;background:var(--primary)}.hr-text{line-height:1em;position:relative;outline:0;border:0;color:var(--text-primary);text-align:center;height:1.5em;opacity:.5;font-size:17px;font-weight:300;&:before{content:"";background:linear-gradient(90deg,transparent,#818078,transparent);position:absolute;left:0;top:50%;width:100%;height:1px}&:after{content:attr(data-content);position:relative;display:inline-block;color:#000;padding:0 .5em;line-height:1.5em;color:var(--gray);background-color:var(--primary)}}