/* Scoped button styles for single property and all property pages */
/* Only applies to specific buttons, not all buttons */

/* Header buttons */
header .cta-button-outlined,
header .cta-button {
    background-image: linear-gradient(to bottom, #8f0141 50%, #ffffff 50%) !important;
    background-position: top left !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    box-shadow: rgba(0, 0, 0, .2) 0 4px 10px;
    transition: all .25s ease-in-out !important;
    background-color: #8f0141 !important;
    color: white !important;
}

header .cta-button-outlined:hover,
header .cta-button:hover {
    background-position: right bottom !important;
    color: #8f0141 !important;
}

/* Footer subscribe button */
footer .search-button {
    background-image: linear-gradient(to bottom, #8f0141 50%, #ffffff 50%) !important;
    background-position: top left !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    box-shadow: rgba(0, 0, 0, .2) 0 4px 10px;
    transition: all .25s ease-in-out !important;
    background-color: #8f0141 !important;
    color: white !important;
}

footer .search-button:hover {
    background-position: right bottom !important;
    color: #8f0141 !important;
}

/* Enquiry form submit button */
form[action="/form/save"] button[type="submit"] {
    background-image: linear-gradient(to bottom, #8f0141 50%, #ffffff 50%) !important;
    background-position: top left !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    box-shadow: rgba(0, 0, 0, .2) 0 4px 10px;
    transition: all .25s ease-in-out !important;
    background-color: #8f0141 !important;
    color: white !important;
}

form[action="/form/save"] button[type="submit"]:hover {
    background-position: right bottom !important;
    color: #8f0141 !important;
}