:root {

}

.contactbox-widget {
    display: none;
    flex-direction: row;
    position: fixed;
    top: 100px;
    left: 0;
    gap: 2rem;
    background: var(--bs-primary);
    padding: 1rem 2rem;
    opacity: 1;
}

.contactbox-widget.is-visible {
    opacity: 1;
    pointer-events: inherit;
    z-index: 4;
}

.contactbox-widget.is-hidden {
    opacity: 0;
    pointer-events: none;
    z-index: 4;
}

.contactbox .animated-words {
    margin-left: 10px;
}

.contactbox .animated {
    position: absolute;
    bottom: 0;
    transform: rotateX(50deg) translateY(20px);
    opacity: 0;
    transition: all .7s;
}

.contactbox .animated.active {
    bottom: 0;
    opacity: 1;
    transform: rotateX(0) translateY(0);
}

.contactbox-widget svg path,
.contactbox svg path {
    stroke: #fff;
}

.contactbox-widget .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contactbox-widget .headline {
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}

.contactbox-widget .subheadline {
    font-family: Sour Gummy;
}

.contactbox {
    position: relative;
    flex-direction: column;
    display: flex;
    gap: 3rem;
    padding: 3rem 0 0 0;
}

.contactbox a {
    margin-bottom: 0!important;
    display: flex;
}

.contactbox a {
    color: var(--bs-primary) !important;
    text-decoration: none;
}

@media (max-width: 991px) {
    .contactbox .cursor {
        width: 100px;
        height: 100px;
        position: absolute;
        right: 15%;
        top: 15%;
        background: url('contact_cursor2.png') no-repeat;
    }
}

@media (min-width: 992px) {
    .contactbox {
        padding: 5rem 0 0 0;
    }
    .contactbox-widget {
        display: flex;
    }
    .contactbox svg {
        width: 320px;
        height: 300px;
    }
    .contactbox a {
        cursor: url("contact_cursor2.png") 0 0, auto;
    }
}