.ddb__container {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 0 10% 0 5%;
}

.ddb__text--con {
  width: 100%;
}

.ddb__text {
  text-align: center;
  font-weight: 500;
  position: relative;
  color: #fff;
}

.ddb_close {
  cursor: pointer;
  font-weight: bold;
  height: 14px;
  position: absolute;
  right: 10px;
  width: 14px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkBggXCAI0S3CqAAAA8ElEQVRIx6WVQQ6CMBAAVw0Q36wJTzGBswoE/ZeB+3iwklJa3MWeStsZypbuCiUjNbkYGzk1I2dhAKCzKchpAXgJNZ/W6hUTDhch5+4enhRKvHFET/EZMCgWuJgUUVyvSOKB4hFXePiVLL5gReHNxvF1hQoXESGLKdR4oHCBMuFLhRl372wnqDXjwS624AvFCr5PGnZymPpHr6+OQjf7BOVN/eIFvQNvUxD1+cI7g/kx6nYxx92IXrHETQoPT1+mR1KRxlUKL12kE0pa8RtfVejwQDHLyY0qxnGFDY8oqMy/alDa/i6uJQPVpvJeMXB6Aw1ohb6XD6nsAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTA2LTA4VDIzOjA4OjAyKzAwOjAwOr8LEAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wNi0wOFQyMzowODowMiswMDowMEvis6wAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC);
  background-size: 100%;
  background-repeat: no-repeat;
}

.ddb__button--con {
    margin-left: auto;
}


@media only screen and (max-width: 768px)
{
  .ddb__text {
    text-align: left;
    font-weight: 400;
  }

	.ddb__button--con { display: inline-block; margin-top: 10px; width: auto; }
}