selfdefined/assets/css/components/_definitions.scss

.word__type {
    font-family: $con-sans;
    font-size: 0.85rem;
    padding-right: 1rem;
    text-align: right;
    text-transform: uppercase;
  }

.word__link {
    border-bottom: darkgrey solid 0.1em;
    color: black;
    font-family: $ext-sans;
    text-decoration: none;
  }

.word__breakdown {
    border-left: 0.1rem solid lightgrey;
    font-family: $sans-serif;
    padding-left: 1rem;
}

.content-flag {
  background-color: $lt-background-color-warning;
  overflow: hidden;
  padding: 0 1rem 0 3rem;
  position: relative;

  &:before {
    content: "⚠️";
    left: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  &--avoid {
    background-color: $pink;

    &:before {
      content: "🚨";
    }
  }
}

.content-warning {
  background-color: $lt-background-color-warning;
  border-left: 4px $yellow solid;
  overflow: hidden;
  padding: 1rem 1.5rem;
  position: relative;

  &--avoid {
    background-color: $pink;
    border-left-color: red;
  }
}