.cq-hr {
  display: block;
  position: relative;
  clear: both;
  height: 1px;
  background: transparent;
  background: none;
  border: none;
  outline: none;
  margin: 4em auto;
  padding: 0;
}
.cq-hr .cq-hr-link{
  text-decoration: none;
}
.cq-hr-icon-container{
  display: inline-block;
  position: relative;
  /*overflow: hidden;*/
  top: 0;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}
.cq-hr .cq-hr-symbol{
  display: inline-block;
  font-style: normal;
  color: #fff;
  /*background: #000;*/
  padding: 0.4em 0.6em;
}


.cq-hr.cq-hr-square {
  /*background: black;*/
  border-bottom: 1px solid #333;
}
.cq-hr.cq-hr-square .cq-hr-symbol{
  border: 1px solid #fff;
  /*border-left: 1px solid #333;*/
  /*border-right: 1px solid #333;*/
}

/* dash ellipse */
.cq-hr.cq-hr-rounded {
  /*background: black;*/
  border-bottom: 1px dashed #333;
}
.cq-hr.cq-hr-rounded .cq-hr-symbol{
  border: 1px dashed #fff;
  border-radius: 40px;
  color: #fff;
}

.cq-hr.cq-hr-circle {
  background-color: transparent;
  border-bottom: 1px solid #333;
}
.cq-hr.cq-hr-circle .cq-hr-symbol{
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 50%;
}