.container {
  composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
  color: var(--zdt_headerlink_text);
  font-size: var(--zd_font_size12) ;
}[dir=ltr] .container {
  margin-right: var(--zd_size15) ;
}[dir=rtl] .container {
  margin-left: var(--zd_size15) ;
}
[dir=ltr] .icon {
  margin-right: var(--zd_size5) ;
}
[dir=rtl] .icon {
  margin-left: var(--zd_size5) ;
}
.container:hover .text {
  border-bottom: 1px solid var(--zdt_headerlink_hover_text);
}
.text {
  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
}