Mini Kabibi Habibi

* {
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
}

body {
  background-color: #f2f2f2;
  color: #212934;
  line-height: 24px;
}

/* Parent container */
.balloon {
  overflow: hidden;
  
  width: 510px;
  border: 1px solid #ABB2C3;
  border-radius: 24px;
}

.balloon-I {
  height: 314px;
}

.balloon-II {
  height: 370px;
}

.balloon__card {
  background-color: #FFF;
  /* height: 314px; */
}

.balloon__card-I {
 height: 314px;
}

.balloon__card-II {
 height: 370px;
}

.card__content {
  height: 100%;
  padding: 16px 20px 24px 24px;
}

.content__text {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  padding-left: 24px;
}

.content__text > p:last-of-type {
  padding-top: 18px;
}

.content__text > h1 {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
}


.card__image {
  float: left;
  height: 100%;
  margin-right: 24px;
}

.card__image > img {
  width: 150px;
  height: 100%;
}

.content__actions {
  margin-top: 24px;
  margin-bottom: 10px;
  float:right;
}

.content__actions button {
  cursor: pointer;
  height: 38px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  border-radius: 100px;
}

.btn-primary {
  color: #F3F3F3;
  background: #1671EE;
  border: none;
  width: 154px;
}

.btn-secondary {
  background: #FFFFFF;
  color: #1671EE;
  border: 2px solid #1671EE;
  width: 100px;
}

.actions-divider {
  display: inline-block;
  padding: 4px;
}

.content__footer > p {
  float: right;
  color: #848FAA;
  font-size: 12px;
  line-height: 24px;
}
//E14FDEAB41664D483BFF3DC3D71211B8C5B7490D3614CE7DF5F6758706BBF5EEC200C47E2E62A10BBC63D736483E1684F6CBDB6906A0D349A2ECCD3E0239EF5D++