@import "flive-vars";

.base {
  margin-right: 10px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  &:after {
    content: '';
    border-style: solid;
    border-width: 1px 1px 0 0;
    display: inline-block;
    height: 0.45em;
    transform: rotate(45deg);
    position: relative;
    top: 6px;
    vertical-align: top;
    width: 0.45em;
    left: 2px;
    margin-right: 10px;
    margin-left: 10px;
  }
}

.primary {
  color: $flive-purple !important;
}

.night-blue {
  color: $flive-night-blue;
}

.white {
  color: #fff;
}

.lastItem {
  font-weight: bolder;
  margin-right: 0px;
  font-family: $title-font-family;
  &:after {
    display: none;
  }
}