.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; }
}