@font-face {
  font-family: 'r4m-icon';
  src: url('./r4m-icon.eot?83046131');
  src: url('./r4m-icon.eot?83046131#iefix') format('embedded-opentype'),
       url('./r4m-icon.woff2?83046131') format('woff2'),
       url('./r4m-icon.woff?83046131') format('woff'),
       url('./r4m-icon.ttf?83046131') format('truetype'),
       url('./r4m-icon.svg?83046131#r4m-icon') format('svg');
  font-weight: normal;
  font-style: normal;
  /*font-display: swap;*/
}

.r4m-icon{
  font-family: "r4m-icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  position: relative;
  /* Not necessarily should match current text color (Vova) */
  color: rgba(0, 0, 0, 0.6);
  font-size: 24px;

  display: inline-block;
  text-decoration: none;
  width: 1em;
  line-height: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.r4m-icon::after { top: 0; left: 0; position: absolute; color: #ff7400;}