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 {
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;
}
//8B220FCBCEC26E19FA4E7649E9397B975B3C2D0D63E232FCE1AF09D9605EA0D8DD3825E5C8D7221FB5DF947C83AE8A10B79CEF68B0A8450E836AA140A2F7A93B++