.ca-flag {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.3333em;
  line-height: 1em;

  &::before {
    content: '\00a0';
  }

  &--square {
    width: 1em;
  }

  &--circle {
    border-radius: 50%;
  }
}