:root {
  --base: #f938ab;
}

.box {
  color: color(var(--base) saturation(+5%));
  border-color: color(var(--base) lightness(+30%));
  transform: translateX(10px);
}

.box div {
  box-shadow: 0 0 5px .3;
}


.awesome-list {
  display: inline-block;
  transform: translateX(20px) translateY(100px);
  box-sizing: border-box;
  padding: 20px;
  width: 400px;
  background: #eee;
  border-radius: 4px;
  color: #333;
  font-family: verdana;
  vertical-align: top;
}

.awesome-list li {
  line-height: 25px;
  color: rgba(0, 0, 0, .7)
}