Как сделать маленький уголок вниз?

div {
  position: relative;
  width: 200px;
  height: 150px;
  background: #fff;
  border: 1px solid #ccc;
}

div::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 20px;
  width: 10px;
  height: 10px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #ccc;
  transform-origin: center;
  transform: translateY(-50%) rotate(135deg);
  background: #fff;
  margin-top: 1px;
}