.top {
  background: rgb(198, 141, 39);
  color: #fff;
}

.top__inner {
  padding: 0 10px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 34px;
  line-height: 34px;
}
.top__inner a {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.top .field--name-field-icon {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  flex: 0 0 auto;
}
.top .field--name-field-icon:before {
  position: relative;
  top: -7px;
  left: -7px;
  font-size: 40px;
  height: 24px;
  width: 24px;
  display: block;
}

.top .field--name-field-top-text {
  display: inline-block;
  vertical-align: middle;
}

.top a {
  color: #fff;
  white-space: nowrap;
}
.top a:hover {
  color: rgb(98, 98, 98);
}