@media only screen and (max-width: 428px) {
    div.line-break {
        height: 0px;
        flex-basis: 100%;
    }
}

.buttons {
    align-items: center;
    padding: 10px 0 20px 0;
    width: 100%;
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0;
    gap: 5px;
    justify-content: center;
}

.buttons .button {
    margin-bottom: 0.5rem;
}

.buttons .button:not(:last-child) {
    margin-right: 0.5rem;
}

.buttons.is-centered {
    justify-content: center;
}

.icon-button {
    height: 10rem;
    width: 10rem;
    text-indent: -1000px;
    overflow: hidden;
    background-color: #f2f2f2;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #707070;
    border-radius: 0.5rem;
    padding: 0.75rem;
    box-shadow: 0 0 5px 0 #999;
}

.icon-button:focus,
.icon-button:hover {
    background-color: #e1e1e1;
    border: 1px solid grey;
}


.new-icon-button-refinance {
    background-image: url(/application/views/www/ng/communication/assets/images/ab-test-buttons/refinance.png)
}

.new-icon-button-refinance-static {
    background-image: url(/application/views/www/ng/communication/assets/images/ab-test-buttons/refinance.png)
}


.new-icon-button-purchase {
    background-image: url(/application/views/www/ng/communication/assets/images/ab-test-buttons/purchase.png)
}

.new-icon-button-purchase-pulse {
    background-image: url(/application/views/www/ng/communication/assets/images/ab-test-buttons/purchase.png)
}

.new-icon-button-heloc {
    background-image: url(/application/views/www/ng/communication/assets/images/ab-test-buttons/heloc.png)
}

.new-icon-button-heloc-pulse {
    background-image: url(/application/views/www/ng/communication/assets/images/ab-test-buttons/heloc.png);
}

.new-icon-button-cash-out {
    background-image: url(/application/views/www/ng/communication/assets/images/ab-test-buttons/cash-out.png)
}

.new-icon-button-cash-out-pulse {
    background-image: url(/application/views/www/ng/communication/assets/images/ab-test-buttons/cash-out.png)
}


.new-icon-button-home-improvement {
    background-image: url(/application/views/www/ng/communication/assets/images/ab-test-buttons/home-improvement.png);
}

.new-icon-button-home-improvement-pulse {
    background-image: url(/application/views/www/ng/communication/assets/images/ab-test-buttons/home-improvement.png);
}

.new-icon-button-personal-loan {
    background-image: url(/application/views/www/ng/communication/assets/images/ab-test-buttons/personal-loan.png);
    /* hide PL Button for fru-14120 */
    display: none !important;
}

.new-icon-button-personal-loan-pulse {
    background-image: url(/application/views/www/ng/communication/assets/images/ab-test-buttons/personal-loan.png);
}

.new-icon-button-refinance {
    box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
    -webkit-animation: pulse 1.5s infinite;
}

.new-icon-button-personal-loan-pulse {
    box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
    -webkit-animation: pulse 1.5s infinite;
}

.new-icon-button-heloc-pulse {
    box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
    -webkit-animation: pulse 1.5s infinite;
}

.new-icon-button-home-improvement-pulse {
    box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
    -webkit-animation: pulse 1.5s infinite;
}

.new-icon-button-purchase-pulse {
    box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
    -webkit-animation: pulse 1.5s infinite;
}

.new-icon-button-cash-out-pulse {
    box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
    -webkit-animation: pulse 1.5s infinite;
}

.new-icon-button-heloc-abtest {
    background-image: url(/application/views/www/ng/communication/assets/images/ab-test-buttons/heloc-abtest.png)
}