.metrics {
  @import (reference) "~src/assets/openaire-theme/less/_import-variables";
  position: relative;
  display: inline-block;

  .uk-text-primary {
    color: @global-primary-background !important;
  }

  .uk-text-background {
    background-image: @global-primary-gradient;
  }

  .uk-dropdown {

    &::before {
      position: absolute;
      left: 0;
      transform: translateX(-100%);
      top: 14px;
      width: 0;
      height: 0;
      content: '';
      border-left: 21px solid transparent;
      border-right: 21px solid @global-border;
      border-bottom: 21px solid transparent;
      border-top: 21px solid transparent;
    }

    &::after {
      position: absolute;
      left: 0;
      transform: translateX(-100%);
      top: 15px;
      width: 0;
      height: 0;
      content: '';
      border-left: 20px solid transparent;
      border-right: 20px solid @global-background;
      border-bottom: 20px solid transparent;
      border-top: 20px solid transparent;
    }
  }

  .m-badge img {
    width: 35px;
  }
}