.block-item .btn-link,
.block-item .btn-link:hover,
.block-item .btn-link:link,
.block-item .btn-link:active,
.block-item .btn-link:visited,
.btn-socials-globe {
    box-shadow: none;
    color: var(--color-text);
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    font-size: 20px;
}

.block-item {
    --link-background: #7b8a8d;
    --link-background-digs: 217, 149, 58;
    --color-text: #ffffff;
    --link-border-color: #7b8a8de1;
    --link-border-radius: 40px;
    ;
    --link-border-width: 2px;
    ;
    --color-text-subtitle: #ffffff;
    --link-saturate: 120%;
    --link-blur: 3px
}

.block-item .btn-link>div,
.btn-socials span {
    flex-grow: 1;
    text-align: center;
}

.btn-link{
    padding-left: 20px !important;
    border-radius: 20px !important;
}
.btn-link img {
    width: 36px;
    height: 36px;
}

.btn-link:not(.is-opened):hover {
    opacity: 0.9
}

html:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2
}

html:before {
    background: url("./bg.png");
}

html:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.btn-link-styled {
    --link-offset: 10px;
}

.btn-link-styled:before {
    content: "\f054";
}

.is-rtl .btn-link-styled {
    padding-left: 36px !important;
    text-align: right;
    justify-content: end
}

.is-ltr .btn-link-styled {
    padding-right: 36px !important;
    text-align: left;
    justify-content: start
}

.is-rtl .btn-link-styled.without-thumb {
    padding-right: 10px !important
}

.is-ltr .btn-link-styled.without-thumb {
    padding-left: 10px !important
}

.block-avatar {
    display: flex;
    justify-content: end;
}

.block-phone a {
    padding-left: 20px !important;
}

a[data-tel] {
    background: red !important;
    border-color: red !important;
}

a[data-label="Websait"] {
    background: midnightblue !important;
    border-color: midnightblue !important;
}

a[data-label="Viber"] {
    background: #665CAC !important;
    border-color: #665CAC !important;
}

a[data-label="WhatsApp"] {
    background: #25D366 !important;
    border-color: #25D366 !important;
}

a[data-label="Telegram"] {
    background: #2AABEE !important;
    border-color: #2AABEE !important;
}

a[data-label="Facebook"] {
    background: #4267B2 !important;
    border-color: #4267B2 !important;
}

a[data-label="Instagram"] {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #bc1888 0%, #cc2366 25%, #dc2743 50%, #e6683c 75%, #f09433 100%);
    background: -webkit-linear-gradient(45deg, #bc1888 0%, #cc2366 25%, #dc2743 50%, #e6683c 75%, #f09433 100%);
    background: linear-gradient(45deg, #bc1888 0%, #cc2366 25%, #dc2743 50%, #e6683c 75%, #f09433 100%);
    border-color: #be1983 !important;
}

.section-main {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.block-item.block-link.block-hidden {
    height: 90px;
}

.has-text-centered{
    background: #ecf0f9;
    border-radius: 25px;
}

@media screen and (max-width: 992px) {
    .block-avatar {
        justify-content: center;
    }
    .button {
        max-height: 45px !important;
        min-height: 45px !important;
    }
    .btn-link img {
        width: 34px;
        height: 34px;
    }
}

@media screen and (max-width: 768px) {
    .block-hidden{
        height: 35px !important;
    }
    .section-main>div {
        padding: 0.5rem 0 !important;
    }
    .btn-link img {
        width: 32px;
        height: 32px;
    }
}

@media screen and (max-height: 1060px) {
    .block-hidden{
        height: 35px !important;
    }
    
}

@media screen and (max-height: 900px) {

    .button {
        max-height: 45px !important;
        min-height: 45px !important;
    }
    
}
@media screen and (max-height: 780px) {

    .block-hidden{
        height: 25px !important;
        padding: 0px !important;
    }

}
@media screen and (max-height: 745px) {

    .button {
        max-height: 35px !important;
        min-height: 35px !important;
    }
    .btn-link img, .btn-socials img  {
        width: 25px;
        height: 25px;
        min-width: 25px;
        min-height: 25px;
    }

}

@media screen and (max-height: 665px) {

    .block-item{
        padding: 0.5rem !important;
    }

}