[data-element="weather"] a span, 
[data-element="weather"] a:hover span,
[data-element="weather"] a:focus span{
  color: var(--paragraph);
}

[data-element="weather"] a:hover {
  color: var(--primary);
  text-decoration: none;
}

.weather-block {
  display: flex;
  align-items: center;
}

[data-element="weather"] img {
  height: 20px;
  margin-right: 5px;
}

#now [data-element="weather"] img{
  height: 30px;
}