.logo {
  font-style: normal;
  white-space: nowrap;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.32;
  display: inline-flex;
  align-items: center;
  font-family: $fontTitles;
  color: $white;
  text-decoration: none;
  will-change: opacity;
  transition: color .3s ease, opacity .3s ease;
 
  &__text{
    margin-left: 8px;
    position: relative; top: 4px;
  }

  &:hover,
  &:focus,
  &:active {
    color: $white;
    text-decoration: none;
    opacity: .8;
  }

}