hr {
  margin: 1rem;
  opacity: 0.25;
  border: 0;
  height: 1px;
  background: var(--brand-turquoise); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, transparent 0%, var(--brand-turquoise) 25%, var(--brand-turquoise) 75%, transparent 100%); /*For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, transparent 0%, var(--brand-turquoise) 25%, var(--brand-turquoise) 75%, transparent 100%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, transparent 0%, var(--brand-turquoise) 25%, var(--brand-turquoise) 75%, transparent 100%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, transparent 0%, var(--brand-turquoise) 25%, var(--brand-turquoise) 75%, transparent 100%); /* Standard syntax */
  width: 100%;
}