.c-tip {
  padding: 8px 16px;
  border-radius: 4px;
  margin: 20px 0
}

.c-tip code {
  background-color: hsla(0, 0%, 100%, .7);
  color: #445368
}

.c-tip p {
  margin: 8px 0;
}

.c-tip--info {
  background-color: #ecf8ff;
  border-left: 5px solid #50bfff;
}

.c-tip--warning {
  background-color: #fff5ee;
  border-left: 5px solid #feb06c;
}

.c-tip--danger {
  background-color: #ffeef0;
  border-left: 5px solid #fd474b;
}