/* Banner layout styles */
.bannerContent {
    width: 100%;
    margin-bottom: 24px;
    padding: 18px 22px 0;
}

.bannerContent__description {
    max-height: 60px;
    font-size: 15px;
    line-height: 20px;
    margin: 6px 0 12px;
    overflow: hidden;
    width: 100%;

    /* Break any lines longer than content container */
    word-wrap: break-word;
}

.bannerContent__buttonContainer {
    height: 36px;
    margin-bottom: 6px;
}

.bannerContent__subscribeButton {
    display: block;
}

.bannerContent__closeButton {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2;
}

.bannerContent__closeButton:before, .bannerContent__closeButton:after {
    background-color: #414141;
    content: '';
    position: absolute;
    left: 14px;
    height: 14px;
    top: 8px;
    width: 2px;
}

.bannerContent__closeButton:before {
    transform: rotate(45deg);
}

.bannerContent__closeButton:after {
    transform: rotate(-45deg);
}