/* Call-to-Action Button Styling */
#body-cta-button {
    position: fixed;
    bottom: 2vw; /* Adjust as needed */
    right: 2vw;  /* Adjust as needed */
    font-family: var(--font-family);
    font-weight: var(--font-weight-extra-bold);
    border: 0.2vw solid var(--primary-color-dark-s2);
    padding: 0.5vw 1vw;
    font-size: 1.75vw;
    background-color: var(--contact-form-secondary-color-dark);
    color: var(--primary-color-dark-s2);
    border-radius: 0.5vw;
    cursor: pointer;
    opacity: 0;
    visibility: hidden; /* Hidden by default */
    transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
    z-index: 100;
}

#body-cta-button img {
    height: 1.75vw;
    width: auto;
}

#body-cta-button.show:hover {
    background-color: var(--contact-form-secondary-color);
    opacity: 0.9;
}

/* Show Button */
#body-cta-button.show {
    opacity: 1;
    visibility: visible;
}


@media (max-width: 768px) or (orientation: portrait) {
    #body-cta-button {
        bottom: 5vw;
        right: 5vw;
        padding: 2vw 4vw;
        font-size: 6vw;
        border-radius: 4vw;
        border: 1vw solid var(--primary-color-dark-s2);
    }

    #body-cta-button img {
        height: 5.5vw;
    }

}