.aem-ads-buttons-container .aem-ads-buttons-header {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.9;
    color: #000;
    text-transform: capitalize;
    font-family: system, -apple-system, Arial, sans-serif;
}

.aem-ads-buttons {
    margin: 0.625em 0 2.5em;
    font-size: 18px;
    font-weight: bold;
}

.aem-ads-buttons * {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .aem-ads-buttons {
        clear: both;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.aem-ads-buttons .aem-ads-button-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 0.75em;
}

@media (min-width: 768px) {
    .aem-ads-buttons .aem-ads-button:nth-last-child(1):nth-child(odd) {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.aem-ads-buttons .aem-ads-button-text {
    display: block;
    font: 1.25em/1.35 system, -apple-system, Arial, sans-serif;
    font-weight: bold;
    text-indent: 0;
    word-wrap: break-word;
}

.aem-ads-buttons .item-description {
    font-size: 1em;
}

.aem-ads-buttons .aem-ads-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-transform: capitalize;
    padding: 0.5em 1em 0.5em 1em;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 0.5em;
    transition: opacity 0.65s;
}

.aem-ads-buttons .aem-ads-button:hover {
    opacity: 0.7;
    text-decoration: none;
    border-bottom: 0px !important;
}

.aem-ads-buttons .aem-ads-button:focus {
    outline: none;
}

.aem-ads-buttons .aem-ads-button-icon {
    display: inline-block;
}

.aem-ads-buttons .aem-ads-button {
    background-image: none;
}

.aem-ads-buttons .aem-ads-button {
    color: #000000;
}

.aem-ads-buttons .aem-ads-button span {
    color: #000000;
}

.aem-ads-buttons .aem-ads-button:hover {
    color: #000000;
}

.aem-ads-buttons .aem-ads-button:hover span {
    color: #000000;
}

.aem-ads-buttons .aem-ads-button {
    background-image: none;
}

.aem-ads-buttons .aem-ads-button {
    border-left: 7px solid;
    border-radius: 0px;
    box-shadow: none;
}

.aem-ads-buttons .aem-ads-button-text {
    font-size: 18px;
    font-weight: bold;
}

.aem-ads-buttons .aem-ads-button-icon {
    border-bottom: 14px solid transparent;
    border-left: 14px solid;
    border-top: 14px solid transparent;
    box-sizing: content-box;
    margin-right: 10px;
    width: 8px;
}

.aem-ads-buttons .aem-ads-button-icon-circle {
    border-radius: 25px;
    width: 45px;
    padding-left: 14px;
    background-color: red;
    border: 3px solid #fff;
    color: #fff;
    font-size: 16pt;
    font-family: serif;
    font-weight: bold;
}

.aem-ads-buttons .aem-ads-button {
    min-height: 80px;
    border-radius: 7px;
    box-shadow: 1px 1px 10px grey;
}

@media (min-width: 768px) {
    .aem-ads-buttons .aem-ads-button {
        -ms-flex-preferred-size: 47.5%;
        flex-basis: 47.5%;
    }
}

.aem-ads-buttons {
    margin-bottom: 40px;
    margin-top: 10px;
}