.u-width-50 {
  width: 50%;
}

.u-width-33 {
  width: 33%;
}

.u-width-20 {
  width: 20%;
}

.u-width-10 {
  width: 10%;
}

.u-text-right {
  text-align: right;
}

.u-width-50 {
  width: 50%;
}

.u-width-33 {
  width: 33%;
}

.u-width-20 {
  width: 20%;
}

.u-width-10 {
  width: 10%;
}

.u-text-right {
  text-align: right;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  opacity: 0;
  padding: 0;
  margin: 0;
  width: 1px;
  height: 1px;
}

Add 'screen reader only' CSS class to hide elements visually
FE: Add 'screen reader only' CSS class to hide elements visually
