.csmb, .csmb-flat {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-size: auto 32px !important;
  border: 0;
  cursor: pointer;
  text-indent: -9999px;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 4px;
  padding: 0;
  position: relative; }
  .csmb::before, .csmb-flat::before, .csmb::after, .csmb-flat::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .csmb::before, .csmb-flat::before {
    box-shadow: 0 0 1px 0 #aaa; }
  .csmb::after, .csmb-flat::after {
    -webkit-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease; }
  .csmb:hover::after, .csmb-flat:hover::after, .csmb:focus::after, .csmb-flat:focus::after, .csmb:active::after, .csmb-flat:active::after {
    background: rgba(255, 255, 255, 0.2); }

.csmb::before {
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%); }

.csmb-round, .csmb-round::before, .csmb-round::after {
  border-radius: 50%; }

.csmb-rounded, .csmb-rounded::before, .csmb-rounded::after {
  border-radius: 25%; }

.csmb-border::before {
  border: solid 2px #fff;
  box-shadow: 0 0 4px 0 #aaa;
  top: -2px;
  left: -2px; }

.csmb-border::after {
  border: solid 2px;
  width: 28px;
  height: 28px; }

.csmb-bitbucket.csmb-border::after {
  border-color: #163759; }

.csmb-blogger.csmb-border::after {
  border-color: #bf640b; }

.csmb-codepen.csmb-border::after {
  border-color: #030302; }

.csmb-delicious.csmb-border::after {
  border-color: #dbdbdb; }

.csmb-deviantart.csmb-border::after {
  border-color: black; }

.csmb-digg.csmb-border::after {
  border-color: black; }

.csmb-dropbox.csmb-border::after {
  border-color: #265c93; }

.csmb-facebook.csmb-border::after {
  border-color: #2e4474; }

.csmb-flickr.csmb-border::after {
  border-color: #dbdbdb; }

.csmb-foursquare.csmb-border::after {
  border-color: #e51e56; }

.csmb-github.csmb-border::after {
  border-color: #060505; }

.csmb-gitlab.csmb-border::after {
  border-color: #1a1c21; }

.csmb-googleplus.csmb-border::after {
  border-color: #9c2c1f; }

.csmb-grooveshark.csmb-border::after {
  border-color: #c84413; }

.csmb-icheckmovies.csmb-border::after {
  border-color: #1f1f1f; }

.csmb-imdb.csmb-border::after {
  border-color: #b69202; }

.csmb-instagram.csmb-border::after {
  border-color: #d31e40; }

.csmb-invision.csmb-border::after {
  border-color: #d7194b; }

.csmb-issuu.csmb-border::after {
  border-color: #e84431; }

.csmb-jsfiddle.csmb-border::after {
  border-color: #386082; }

.csmb-lastfm.csmb-border::after {
  border-color: #a61011; }

.csmb-linkedin.csmb-border::after {
  border-color: #005683; }

.csmb-mail.csmb-border::after {
  border-color: #dbdbdb; }

.csmb-medium.csmb-border::after {
  border-color: #097b4f; }

.csmb-myspace.csmb-border::after {
  border-color: black; }

.csmb-path.csmb-border::after {
  border-color: #ba2614; }

.csmb-paypal.csmb-border::after {
  border-color: #082b4d; }

.csmb-pinterest.csmb-border::after {
  border-color: #901218; }

.csmb-reddit.csmb-border::after {
  border-color: #a3caee; }

.csmb-rss.csmb-border::after {
  border-color: #da6611; }

.csmb-share.csmb-border::after {
  border-color: #3d8a39; }

.csmb-skype.csmb-border::after {
  border-color: #198fc0; }

.csmb-slack.csmb-border::after {
  border-color: #368f72; }

.csmb-snapchat.csmb-border::after {
  border-color: #c3b908; }

.csmb-soundcloud.csmb-border::after {
  border-color: #be2e14; }

.csmb-spotify.csmb-border::after {
  border-color: #67911d; }

.csmb-stackoverflow.csmb-border::after {
  border-color: #d7660f; }

.csmb-steam.csmb-border::after {
  border-color: #020203; }

.csmb-stumbleupon.csmb-border::after {
  border-color: #b83411; }

.csmb-swarm.csmb-border::after {
  border-color: #df9406; }

.csmb-tumblr.csmb-border::after {
  border-color: #272d3d; }

.csmb-twitter.csmb-border::after {
  border-color: #2fb4e3; }

.csmb-vimeo.csmb-border::after {
  border-color: #1295bf; }

.csmb-vine.csmb-border::after {
  border-color: #298a6c; }

.csmb-whatsapp.csmb-border::after {
  border-color: #42924d; }

.csmb-wordpress.csmb-border::after {
  border-color: #1a5672; }

.csmb-yelp.csmb-border::after {
  border-color: #a9191a; }

.csmb-youtube.csmb-border::after {
  border-color: #9b2722; }
/* Added: */
.csmb-ssrn.csmb-border::after {
  border-color: #000; /* or SSRN brand color if you want */
}
.csmb-orcid.csmb-border::after {
  border-color: #A6CE39;
}
.csmb-frb.csmb-border::after {
  border-color: #000; /* or FRB brand color if you want */
}

.csmb, .csmb-flat {
  background: url("../icons/icons3.svg") no-repeat; }

.csmb-bitbucket {
  background-position: 0 0; }

.csmb-blogger {
  background-position: 2% 0; }

.csmb-codepen {
  background-position: 4% 0; }

.csmb-delicious {
  background-position: 6% 0; }

.csmb-deviantart {
  background-position: 8% 0; }

.csmb-digg {
  background-position: 10% 0; }

.csmb-dropbox {
  background-position: 12% 0; }

.csmb-facebook {
  background-position: 14% 0; }

.csmb-flickr {
  background-position: 16% 0; }

.csmb-foursquare {
  background-position: 18% 0; }

.csmb-github {
  background-position: 20% 0; }

.csmb-gitlab {
  background-position: 22% 0; }

.csmb-googleplus {
  background-position: 24% 0; }

.csmb-grooveshark {
  background-position: 26% 0; }

.csmb-icheckmovies {
  background-position: 28% 0; }

.csmb-imdb {
  background-position: 30% 0; }

.csmb-instagram {
  background-position: 32% 0; }

.csmb-invision {
  background-position: 34% 0; }

.csmb-issuu {
  background-position: 36% 0; }

.csmb-jsfiddle {
  background-position: 38% 0; }

.csmb-lastfm {
  background-position: 40% 0; }

.csmb-linkedin {
  background-position: 42% 0; }

.csmb-mail {
  background-position: 44% 0; }

.csmb-medium {
  background-position: 46% 0; }

.csmb-myspace {
  background-position: 48% 0; }

.csmb-path {
  background-position: 50% 0; }

.csmb-paypal {
  background-position: 52% 0; }

.csmb-pinterest {
  background-position: 54% 0; }

.csmb-reddit {
  background-position: 56% 0; }

.csmb-rss {
  background-position: 58% 0; }

.csmb-share {
  background-position: 60% 0; }

.csmb-skype {
  background-position: 62% 0; }

.csmb-slack {
  background-position: 64% 0; }

.csmb-snapchat {
  background-position: 66% 0; }

.csmb-soundcloud {
  background-position: 68% 0; }

.csmb-spotify {
  background-position: 70% 0; }

.csmb-stackoverflow {
  background-position: 72% 0; }

.csmb-steam {
  background-position: 74% 0; }

.csmb-stumbleupon {
  background-position: 76% 0; }

.csmb-swarm {
  background-position: 78% 0; }

.csmb-tumblr {
  background-position: 80% 0; }

.csmb-twitter {
  background-position: 82% 0; }

.csmb-vimeo {
  background-position: 84% 0; }

.csmb-vine {
  background-position: 86% 0; }

.csmb-whatsapp {
  background-position: 88% 0; }

.csmb-wordpress {
  background-position: 90% 0; }

.csmb-yelp {
  background-position: 92% 0; }

.csmb-youtube {
  background-position: 94% 0; }

/* sprite position (you will set this after editing the sprite) */
.csmb-ssrn {
  background-position: 96% 0; /* example placeholder */
}
.csmb-frb {
  background-position: 98% 0; /* example placeholder */
}
.csmb-orcid {
  background-position: 100% 0; /* example placeholder */
}

/* Custom */ 
.fed-button {
  display: inline-block;
  padding: 10px;
  background-color: #003366; /* Example color */
  border-radius: 5px;
  transition: background-color 0.3s;
}

.fed-button:hover {
  background-color: #00509e;
}

.fed-icon {
  width: 24px;
  height: 24px;
}

/* another attempt */

  .social-btn {
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 8px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #ccc;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    text-decoration: none;
    transition: transform 0.15s, box-shadow 0.15s;
  }

  .social-btn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
  }

  .social-btn:hover {
    transform: scale(1.08);
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  }

  /* ORCID */
.orcid-button {
  color: #A6CE39; /* Official ORCID green */
  font-size: 24px;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.orcid-button:hover {
  opacity: 0.7;
}