.top-bar{background:linear-gradient(90deg,#2a7b9b,#2086e9 30%,#39327f);padding:.5rem 0;background:linear-gradient(90deg,#393e46 60%,#d65a31);background:linear-gradient(90deg,#7954a1 60%,#efdcf9);background:linear-gradient(90deg,#1f3b54 60%,#f6f5fa)}.icon-circle{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border:1px solid #fff;border-radius:5px;color:#fff;text-decoration:none;font-size:20px;transition:background .3s,color .3s;padding-top:1px}.icon-circle:hover{background-color:#fff;color:#21628d}@media(max-width:700px){.icon-circle{width:28px;height:28px}.top-bar{background:linear-gradient(90deg,#7991a6 60%,#efebff)}}