Mini Kabibi Habibi

* {
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box;
}

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

.toast-container{
  /* Score intro toast - Vertical */
  position: fixed;
  width: 350px;
  height: 486px;
  background: #FFFFFF;
  border: 1px solid #ABB2C3;
  border-radius: 24px;
  overflow: hidden;
  left:0;
  top:0;
}

.header-image {
  /* Image */
  position: absolute;
  width: 350px;
  height: 200px;
  left: calc(50% - 350px/2);
  top: 0px;
}

.logo-image {
  /* McAfee/Landscape */
  position: absolute;
  width: 100px;
  height: 19.63px;
  left: calc(50% - 100px/2 - 103px);
  bottom: 245.37px;
}

.main-description-container {
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  position: absolute;
  width: 309px;
  left: 22px;
  top: 253px;
}

.description-header {
  /* Description */
  position: relative;
  left: 0px;
  top: 0px;
  margin-top: 0;

  /* Text */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #383434;
}

.description-divider{
  height:8px;
}

.description-body {
  /* Description */
  position: static;
  width: 307px;
  left: 0px;
  top: 32px;

  /* Text */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #454545;
}

.main-footer{
/* Auto layout */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  position: absolute;
  width: 295px;
  left: 27px;
  top: 370px;
}

.accept-button{
  /* Auto layout */
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  padding: 7px 16px;
  position: static;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 52.57%;
  margin: 12px 0px 0px;
  width:295px;

  /* Primary/$Mid-Blue - #4258FF */
  background: #4258FF;
  border-radius: 100px;
  border:none;

  /* Text */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

.ignore-button {
  display: block;
  float: none;
  border: none;
  background: none;
  display: block;
  justify-content: center;
  align-content: center;
  align-items: center;
  text-align: center;
  position: static;
  margin: 0 auto;
  padding-top: 19px;
  max-width: 295px; 

  /* Text */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #1671EE;
}
//3E681FD33E164DABA1983316B607DBDA4E1ED1E2C7BBFB96C73BBFFF2488C1C66C1482D934966C919783757285702B72D95E282C21979BDA6842FE7D503875FB++