typeformSidebar.html

<!-- Typeform Sidebar -->
<div class="hidden-on-hero hidden hidden-on-mobile" style="position: fixed; top: calc(50% - 250px); right: 0; transition: width 300ms ease-out; width: 0" data-qa="side_panel">
    <a
        class="typeform-share button"
        href="https://form.typeform.com/to/AoN00cGe?typeform-medium=embed-snippet"
        data-mode="side_panel"
        style="
            box-sizing: border-box;
            position: absolute;
            top: 300px;
            width: 200px;
            height: 48px;
            padding: 0 20px;
            margin: 0;
            cursor: pointer;
            background: #ad977b;
            border-radius: 4px 4px 0px 0px;
            box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06), 0px 2px 4px rgba(0, 0, 0, 0.08);
            display: flex;
            align-items: center;
            justify-content: flex-start;
            transform: rotate(-90deg);
            transform-origin: bottom left;
            color: white;
            text-decoration: none;
            z-index: 9999;
        "
        data-width="320"
        data-height="500"
        target="_blank"
    >
        <span class="icon" style="width: 32px; position: relative; text-align: center; transform: rotate(90deg) scale(0.85); left: -8px; font-size: 25px">
            <i class="far fa-comment-dots"></i>
        </span>
        <span
            style="
                text-decoration: none;
                font-size: 20px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                width: 100%;
                text-align: center;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            "
        >
            Get in touch!
        </span>
    </a>
</div>