Mini Kabibi Habibi
* {
padding: 0;
margin: 0;
border: 0;
box-sizing: border-box;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 14px;
}
body {
background-color: #f2f2f2;
color: #212934;
line-height: 24px;
}
/* Parent container */
.balloon {
overflow: hidden;
height: 255px;
width: 505px;
border: 2px solid #E6E9F0;
border-radius: 24px;
}
.balloon__card {
background-color: #FFF;
height: 100%;
}
.card__content {
height: 100%;
padding: 24px 20px 24px 24px;;
}
.content__images #wa-logo {
height: 17px;
position: relative;
margin-bottom: 10px;
}
.content__text {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 20px;
padding-left: 24px;
}
.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: 155px;
}
.content__actions {
margin-top: 24px;
}
.content__actions button {
cursor: pointer;
height: 38px;
padding: 0 14px;
font-size: 12px;
font-weight: 600;
line-height: 16px;
border-radius: 100px;
width: 142px;
}
.btn-primary {
color: #F3F3F3;
background: #387EFF;
border: none;
}
.btn-secondary {
background: #FFFFFF;
color: #1671EE;
border: 2px solid #1671EE;
}
.actions-divider {
display: inline-block;
padding: 5px;
}
//86DE3E3DD35D60D9989116A591CBE1A5F662B76717D76774CA2F1997EBD5F34C2910EADFD1CA636CADC630FDDD9192D2049F6A1FE6EEF1888DE47D0E0804C4EF++