redbadger/website-honestly

@value badgerWhite, badgerBlack, badgerRedOnWhite from "../../../../css/_colors.css";

.badgerWrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.advertWrapper {
  position: relative;
}

.advertWrapper:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.jobAdvert {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  text-align: left;
  background-color: badgerRedOnWhite;
  padding: 10px 0 0 20px;
  height: 100%;
}

.question {
  composes: fontM from "../../../../css/typography/_fonts.css";
  composes: serif from "../../../../css/typography/_fonts.css";
  color: badgerWhite;
  width: 240px;
}

.hiring {
  composes: fontXS from "../../../../css/typography/_fonts.css";
  composes: boldSansSerif from "../../../../css/typography/_fonts.css";
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 0 20px 20px;
  padding: 10px 20px;
  background-color: badgerBlack;
  color: badgerWhite;
}