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;
}
.balloon__card {
position: absolute;
right: 55px;
overflow: hidden;
box-sizing: border-box;
background-color: #FFF;
border: 1px solid #E6E9F0;
border-radius: 12px;
height: 200px;
width: 328px;
}
.card__content::after {
content: ' ';
clear: both;
}
.card__content {
padding: 16px;
height: 100%;
}
.content__header #wa-logo {
height: 13px;
position: relative;
top: 2px;
}
.content__header #close-icon {
float: right;
cursor: pointer;
}
.content__text {
margin-top: 12px;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #5A6175;
}
.content__text:last-child {
margin-top: 16px;
}
.mc-interactive-balloon {
position: absolute;
box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 10px;
height: 40px;
width: 40px;
bottom: 0px;
right: 0px;
background: #1671EE;
border-radius: 20px;
}
.mc-interactive-balloon > img {
padding-top: 11px;
padding-left: 10px;
}
//951FF64EFB504D4FCA21734A6B468589C6932C0711690CE3AF1AE2DCC8E700988E31B31479646A0DAF6F0B72791FABBE06DDF82BD63A465F32FCEBC55CFFF663++