/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* CTA Component Styles */
.scann_prescription_cta {
    display: none !important;
}
.cta-component {
font-family: "Urbanist-Medium";
display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 28px;
    background: var(--primary-color, #3D6CB9);
    padding: 12px 24px;
    color: white;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    height: 46px;
    position: relative;
    z-index: 990;
}

.white-cta {
background: white;
    color: #3D6CB9;
    border: 3px solid #3D6CB9;
}


@media all and (min-width: 600px) {
.cta-component:hover {
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
}
@media all and (max-width: 600px) {

    .scann_prescription_cta {
        display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            position: fixed !important;
            bottom: 32px;
            left: 16px;
            right: 16px;
            z-index: 999 !important;
            width: calc(100% - 32px);
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
                    opacity: 1 !important;
                    visibility: visible !important;
                }

}