/*
    File: css/components/book-button.css
    Description: Styles for the reusable "Book Your Stay" button section.
*/

.book-button-section {
    padding: 60px 20px;
    background-color: #f0f8ff; /* A light background to make it stand out */
    text-align: center;
}

.book-button-container {
    max-width: 600px;
    margin: 0 auto;
}

.book-button-container a.button--large {
    display: inline-block;
}

/* Media queries for small screens */

@media (max-width: 768px) {
    .book-button-section {
        padding: 40px 15px;
    }

    .book-button-container {
        max-width: 100%;
    }

    .book-button-container a.button--large {
        display: block;
        margin: 10px auto;
    }
}