.tag-cloud {

display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
padding-bottom: 1.5rem;
width: 50rem;

@media screen and (max-width: 479px) {
  width: 100%;
}

&__title {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1.25rem;
  padding-bottom: 0.25rem;
  width: 5rem;
  color: $color-font-sub;
  font-size: 1rem;
  @media screen and (max-width: 479px) {
    margin-bottom: .875rem;
  }
}

}

.cloud-tags {

display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
width: 100%;

}

.cloud-tag {

display: flex;
align-items: center;
margin-right: 0.375rem;
margin-bottom: 0.375rem;
height: 100%;
border: 1px solid $color-border;
border-radius: 0.75rem;

&__icon {
  margin-right: 0.25rem;
}

&__link {
  margin-right: 0.25rem;
  padding: 0.25rem 0.5rem;
  height: 100%;
  color: $color-font-sub;
  text-decoration: none;
  font-size: 0.75rem;
}

}