@import "../ui.vars.less";
sc-content-block {
  display:block;
  border-radius: 0.5rem;
  border-style: solid;
  border-width: 1px;
  border-color: @scNeutral;
  text-align: left;
  padding: @spacing-s;
  @media screen and (max-width: @mobile-landscape) {
    width: 100%;
    margin-right: 0px;
    margin-bottom: @spacing-s;
  }

  &[general]{
    border-width:0px;
    background-color: @scGeneralVeryLight;
  }
  
  &[primary] {
    color: unset;
    background-color: @scActionUltraLight;
    border-color: transparent;
  }
  
  &[text-call-out] {
    background-color: @scBackground;
    border-color: transparent;
  }
  
  &[fixed-width-16]{
    width: 16rem;
    @media screen and (max-width: @mobile-landscape) {
      width: 100%;
    }
  }
}