.store{
    background-color: #000000;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    border-radius: 10px;
    width: 150px;
}

.store,
.store:hover,
.store:focus,
.store:active {
    color: #FFFFFF;        
    text-decoration: none;
}

.logo-store img{
    width: 30px;
    height: 30px;
}

.download .detail-top{
    font-size: 10px;
    font-weight: 500;
}

.download .detail-bottom{
    font-size: 16px;
    font-weight: 600;
}

.detail-top,
.detail-bottom {
    line-height: 1.1; 
}

.download-text{
    color: var(--color-white);
}

.app-store-modal-content {
    border-radius: 8px !important;
}

body.modal-open .offcanvas {
    z-index: 1040 !important;
}
@media (max-width: 992px) {
    .logo-store img {
        width: 20px;
        height: 20px;
    }

    .store{
        width: 140px;
    }
}

@media (max-width: 576px) {
    .store{
        width: 130px;
    }
    
    .download{
        gap: 0.5rem !important;
    }

    .download .detail-bottom{
        font-size: 14px !important;
    }

    .download-text {
        display: block !important;
    }
}

@media (max-width: 400px) {
    .store{
        width: 120px;
    }

    .download-banner .download{
        flex-direction: column;
    }

    .download .detail-top{
        font-size: 8px;
    }

    .download .detail-bottom{
        font-size: 12px !important;
    }
}