.contact {
    position: fixed;
    left: 0;
    top: calc(50% - 78px);
    display: flex;
    flex-direction: column;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
    z-index: 99;
}

.contact a {
    padding: 8px 12px;
    font-size: 24px;
    color: white;
}

.contact a:nth-child(1) {
    background-image: linear-gradient(
        to right top,
        #2f57ef,
        #6659ed,
        #885dec,
        #a261e9,
        #b966e7
    );
}

.contact a:nth-child(2) {
    background-image: linear-gradient(
        to right top,
        #25d366,
        #00c275,
        #00b17e,
        #009e81,
        #128c7e
    );
}

.contact a:nth-child(3) {
    background-image: linear-gradient(
        to right top,
        #1d88fb,
        #00adff,
        #00ccff,
        #66e7f7,
        #b1fff5
    );
}

.btn-gradient-4 {
    background-image: linear-gradient(to right, #25d366, #128c7e) !important;
    color: var(--color-white) !important;
    background-size: 200% 100% !important;
}

.btn-gradient-4:hover {
    background-position: 100% 0 !important;
}

.advance-tab-button-1 .tab-button-list .tab-button.active::before {
    background-image: linear-gradient(
        to right,
        #2f57ef,
        #b966e7
    ) !important;
}

.advance-tab-button-1 .tab-button-list .tab-button.active .title {
    color: white !important;
}

@media only screen and (max-width: 767px) {
    .contact {
        scale: 0.8;
        transform: translateX(-6px);
        top: calc(100% - 140px);
    }
}