.article-tags .agTextTagCloud{display:flex;gap:var(--medium);flex-wrap:wrap}.article-tags .agTextTagCloud .agTextTagContainer{display:flex;gap:8px;align-items:center;border:1px solid #ddd;border-radius:50px;padding:6px 10px;font-size:var(--font-regular);transition:all 0.2s;cursor:pointer;position:relative;height:30px}.article-tags{margin:var(--large) 0;padding:var(--large) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.article-tags:before{content:"Artikkeliin liittyvät aiheet";font-family:var(--ff2);font-size:var(--font-regular);margin-bottom:var(--large);font-weight:bold}.article-tags .agTextTagCloud .agTextTagContainer:hover{background:var(--color1)}.article-tags .agTextTagCloud .agTextTagContainer:hover span{color:var(--color3);transition:all 0.2s}.article-tags button.agTextTagButton{border:0;border-radius:50px;outline:1px solid var(--color-border);background:var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;height:28px;width:29px;padding:0;position:absolute;right:-1px}.article-tags .agTextTagCloud .agTextTagContainer:hover .agTextTagButton{transition:all 0.2s}.article-tags .agTextTagCloud .agTextTagContainer:has(button){padding-right:36px}.article-tags button.agTextTagButton:hover{background:var(--color6)}.article-tags button.agTextTagButton:has(.subscribed){background:var(--color6)}.article-tags .agTextTagCloud .agTextTagContainer:hover button span{color:#000}.article-tags .agTextTagCloud .agTextTagContainer .agTextTagButton:hover span{color:var(--color3)}.article-tags button.agTextTagButton:has(.subscribed) span{color:var(--color3)}.article-tags button.agTextTagButton span{color:#000}