.topbar {
        position:fixed; 
        top:0;
        left:0; 
        width:100%; 
        z-index:100;
    }
    .topbar .hrp-social-icons{
      margin-right:18px;
    }
    .topbar .hrp-social-icons a{
      color:#fff;
      border:1px solid rgba(255,255,255,.42);
      background:rgba(255,255,255,.08);
    }
    .topbar .hrp-social-icons a:hover{
      background:rgba(255,255,255,.2);
      transform:translateY(-1px);
    }
    .site-header {
        margin-top: 50px;
    }
    .site-footer .hrp-social-icons{
      margin-top:4px;
    }
    .site-footer .hrp-social-icons a{
      color:#dceeff !important;
      border:1px solid rgba(255,255,255,.35);
      background:rgba(255,255,255,.04);
      margin:0 !important;
    }
    .site-footer .hrp-social-icons a:hover{
      color:#fff !important;
      background:rgba(255,255,255,.12);
      transform:translateY(-1px);
    }
    @media(max-width:720px){
      .topbar .hrp-social-icons{
        margin-right:10px;
      }
      .topbar .hrp-social-icons a{
        width:30px;
        height:30px;
      }
    }
 

    /* Refined social icons */
    .hrp-social-icons{display:flex;align-items:center;gap:10px}
    .hrp-social-icons a{
      width:38px !important;
      height:38px !important;
      border-radius:999px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      padding:0 !important;
      margin:0 !important;
      line-height:1 !important;
      text-decoration:none !important;
      transition:transform .2s ease, background .2s ease, border-color .2s ease !important;
    }
    .hrp-social-icons a svg{
      width:18px !important;
      height:18px !important;
      fill:currentColor !important;
      display:block !important;
      flex:0 0 auto !important;
    }
    .topbar .hrp-social-icons{margin-right:18px}
    .topbar .hrp-social-icons a{
      color:#fff !important;
      border:1px solid rgba(255,255,255,.42) !important;
      background:rgba(255,255,255,.08) !important;
    }
    

    .site-footer .hrp-social-icons{
      margin-top:6px !important;
      gap:12px !important;
    }
    .site-footer .hrp-social-icons a{
      color:#dceeff !important;
      border:1px solid rgba(255,255,255,.38) !important;
      background:rgba(255,255,255,.035) !important;
    }
    .hrp-social-icons a:hover{
      background:rgba(255,255,255,.14) !important;
      transform:translateY(-1px) !important;
    }
    .flipped {
	    transform: scaleX(-1);
    }