/* ============================================
   Component: Homepage Buttons
   Source: Styles/_temp/Homepage9fa0.css
   - location_section button shape/spacing (511-533)
   - homepage hover color override (13503-13525)
   Rollback: remove this file include from template/components/homepage/head_assets.htm
   ============================================ */

.location_section .downloadBtn,
.location_section .sitebtn {
    border-radius: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media screen and (min-width: 1024px) {

    .location_section .downloadBtn,
    .location_section .sitebtn {
        margin-top: 20px;
    }
}

html.no-touch .homepage .downloadBtn:not(.white):hover,
html.no-touch .homepage .sitebtn:not(.white):hover {
    background-color: var(--cp-color-secondary);
    border-color: var(--cp-color-secondary);
}

html.no-touch .homepage .downloadBtn:not(.white):hover:before,
html.no-touch .homepage .downloadBtn:not(.white):hover:after,
html.no-touch .homepage .sitebtn:not(.white):hover:before,
html.no-touch .homepage .sitebtn:not(.white):hover:after {
    background-color: rgba(255, 255, 255, 0.4);
}

/* Keep footer/contact CTA white buttons aligned to VI tokens. */
html.no-touch .homepage .footer_side-left .location_section .sitebtn.cp-btn.cp-btn-white:hover,
html.no-touch .homepage .contact_overlay .footer_side-left .sitebtn.cp-btn.cp-btn-white:hover {
    background-color: var(--cp-color-secondary) !important;
    border-color: var(--cp-color-secondary) !important;
    color: var(--cp-color-white) !important;
}