@font-face {
  font-family: 'oauthCSE';
  src:  url('fonts/oauthCSE.eot?jbusd');
  src:  url('fonts/oauthCSE.eot?jbusd#iefix') format('embedded-opentype'),
    url('fonts/oauthCSE.ttf?jbusd') format('truetype'),
    url('fonts/oauthCSE.woff?jbusd') format('woff'),
    url('fonts/oauthCSE.svg?jbusd#oauthCSE') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon-CSE_SVG .path1:before {
  content: "\e900";
  color: rgb(40, 40, 40);
}
.icon-CSE_SVG .path2:before {
  content: "\e901";
  margin-left: -3.2548828125em;
  color: rgb(40, 40, 40);
}
.icon-CSE_SVG .path3:before {
  content: "\e902";
  margin-left: -3.2548828125em;
  color: rgb(40, 40, 40);
}
.icon-CSE_SVG .path4:before {
  content: "\e903";
  margin-left: -3.2548828125em;
  color: rgb(48, 62, 101);
}
.icon-Queen_SVG:before {
  content: "\e90d";
}

.icon-CSE_SVG, .icon-Queen_SVG {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'oauthCSE' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: 110px !important;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.btn-cse>:nth-child(1), .btn-queen>:nth-child(1) {
  font-size: 1.4em;
}

.btn-cse>:nth-child(2), .btn-queen>:nth-child(2) {
  margin-left: 80px;
}

.btn-queen {
  color: #000;
  background-color: #eee;
  border-color: rgba(0,0,0,0.2);
  transition: background-color 0.5s;
}

.btn-queen:hover {
  color: #000;
  background-color: #ddd;
  border-color: rgba(0,0,0,0.2);
  transition: background-color 0.5s;
}

.btn-cse {
  color: #000;
  background-color: #eee;
  border-color: rgba(0,0,0,0.2);
  transition: background-color 0.5s;
}

.btn-cse:hover {
  color: #000;
  background-color: #ddd;
  border-color: rgba(0,0,0,0.2);
  transition: background-color 0.5s;
}