#ot-sdk-btn {
    color: #0631b7;
    border: 2px solid #0631b7;
    background: #fff;
    border-radius: 6px;
    height: auto;
    white-space: normal;
    word-wrap: break-word;
    padding: 1em 2em;
    font-size: 14px;
    line-height: 1.2;
    cursor: pointer;
    -moz-transition: 0.1s ease;
    -o-transition: 0.1s ease;
    -webkit-transition: 1s ease;
    transition: 0.1s ease;
    position: fixed;
    bottom: 14px;
    right: auto;
    left: 40px;
    z-index: 999999;
    transition: all 0.3s ease-in-out;

    background-position: center center;
    background-size: 20px;
    text-indent: -4000px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzA2MzFCNzt9Cjwvc3R5bGU+CjxwYXRoIGlkPSJGb3JtYV8xIiBjbGFzcz0ic3QwIiBkPSJNMTY4LDIwNGMwLTExLDktMjAsMjAtMjBzMjAsOSwyMCwyMHMtOSwyMC0yMCwyMFMxNjgsMjE1LDE2OCwyMDR6IE0xMTgsMzA5YzAtMTEsOS0yMCwyMC0yMAoJczIwLDksMjAsMjBzLTksMjAtMjAsMjBTMTE4LDMyMCwxMTgsMzA5eiBNMTU5LDExNWMwLTExLDktMjAsMjAtMjBzMjAsOSwyMCwyMHMtOSwyMC0yMCwyMFMxNTksMTI2LDE1OSwxMTV6IE00MTEsMTIzCgljMC0xMSw5LTIwLDIwLTIwczIwLDksMjAsMjBzLTksMjAtMjAsMjBTNDExLDEzNCw0MTEsMTIzeiBNMjcxLjQsMzIuN2M3LTguNSw1LjgtMjEuMS0yLjgtMjguMkMyNjUuMSwxLjYsMjYwLjYsMCwyNTYsMAoJYy0xOC42LDAtMzcuMSwyLTU1LjMsNmMtMTAuOCwyLjMtMTcuNywxMi45LTE1LjQsMjMuN3MxMi45LDE3LjcsMjMuNywxNS40YzAuMSwwLDAuMiwwLDAuMy0wLjFjNC45LTEuMSw5LjktMiwxNC45LTIuNwoJYy0xLjUsNi40LTIuMiwxMy0yLjIsMTkuN2MwLDQwLjMsMzAsNzQuMyw3MCw3OS40YzAsMC4yLDAsMC40LDAsMC42YzAuMSw0NC4yLDM1LjgsNzkuOSw4MCw4MGMwLjgsMCwxLjcsMCwyLjUsMAoJYzkuMiwzNS4zLDQxLDYwLDc3LjUsNjBjNi43LDAsMTIuOS0wLjIsMTguNS0wLjdDNDU3LjksMzg4LjUsMzY2LjUsNDcyLDI1Niw0NzJjLTExOS4xLDAtMjE2LTk2LjktMjE2LTIxNgoJYzAuMS02OS43LDMzLjctMTM1LjEsOTAuNC0xNzUuN2M5LjEtNi4zLDExLjMtMTguOCw1LTI3LjhzLTE4LjgtMTEuMy0yNy44LTVjLTAuMiwwLjEtMC4zLDAuMi0wLjUsMC4zQzM5LjgsOTUuOC0wLjEsMTczLjQsMCwyNTYKCWMwLDE0MS40LDExNC42LDI1NiwyNTYsMjU2YzY3LjksMCwxMzMtMjcsMTgxLTc1YzQ4LjItNDcuOSw3NS4yLTExMy4xLDc1LTE4MXYwYzAtMC42LDAtMS4zLTAuMS0xLjljMC0wLjItMC4xLTAuNC0wLjEtMC42CgljLTAuMS0wLjQtMC4xLTAuOC0wLjItMS4yYzAtMC4zLTAuMS0wLjUtMC4yLTAuOGMtMC4xLTAuNC0wLjItMC43LTAuMy0xLjFjLTAuMS0wLjMtMC4yLTAuNS0wLjItMC44Yy0wLjEtMC4zLTAuMi0wLjctMC40LTEKCWMtMC4xLTAuMy0wLjItMC41LTAuMy0wLjhjLTAuMS0wLjMtMC4zLTAuNi0wLjUtMWMtMC4xLTAuMi0wLjMtMC41LTAuNC0wLjdjLTAuMi0wLjMtMC40LTAuNi0wLjUtMC45Yy0wLjItMC4yLTAuMy0wLjUtMC41LTAuNwoJYy0wLjItMC4zLTAuNC0wLjUtMC42LTAuOGMtMC4yLTAuMi0wLjQtMC41LTAuNi0wLjdjLTAuMS0wLjEtMC4xLTAuMi0wLjItMC4yYy0wLjItMC4yLTAuMy0wLjMtMC41LTAuNWMtMC4yLTAuMi0wLjQtMC40LTAuNi0wLjYKCWMtMC4zLTAuMy0wLjYtMC41LTAuOC0wLjhjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41Yy0wLjMtMC4zLTAuNy0wLjUtMS0wLjhjLTAuMi0wLjEtMC4zLTAuMi0wLjQtMC4zYy0wLjQtMC4zLTAuOC0wLjUtMS4zLTAuOAoJYy0wLjEtMC4xLTAuMi0wLjEtMC4zLTAuMmMtMC41LTAuMy0xLjEtMC42LTEuNy0wLjhjLTAuMS0wLjEtMC4zLTAuMS0wLjUtMC4yYy0wLjQtMC4yLTAuOC0wLjMtMS4zLTAuNWMtMC4zLTAuMS0wLjUtMC4xLTAuOC0wLjIKCWMtMC4zLTAuMS0wLjctMC4yLTEtMC4zYy0wLjMtMC4xLTAuNS0wLjEtMC44LTAuMmMtMC40LTAuMS0wLjctMC4xLTEuMS0wLjJjLTAuMywwLTAuNS0wLjEtMC44LTAuMWMtMC40LDAtMC44LTAuMS0xLjItMC4xCgljLTAuMSwwLTAuMywwLTAuNCwwYy0wLjEsMC0wLjIsMC0wLjMsMGMtMC40LDAtMC45LDAtMS4zLDAuMWMtMC4yLDAtMC40LDAtMC42LDBjLTAuNSwwLjEtMSwwLjEtMS41LDAuMmMtMC4xLDAtMC4yLDAtMC4zLDAuMQoJYy0wLjYsMC4xLTEuMiwwLjMtMS44LDAuNWMtMC4yLDAuMS0wLjQsMC4xLTAuNiwwLjJjLTAuNCwwLjEtMC44LDAuMy0xLjIsMC40Yy0wLjIsMC4xLTAuNCwwLjItMC43LDAuM2MtMC4zLDAuMi0wLjcsMC4zLTEsMC41CgljLTAuMiwwLjEtMC41LDAuMy0wLjcsMC40Yy0wLjIsMC4xLTAuNCwwLjItMC42LDAuNGMtMS43LDAuNi05LjYsMi45LTI5LjQsMi45Yy0yMi4xLDAtNDAtMTcuOS00MC00MGMwLTAuNywwLTEuNCwwLjEtMi4zCgljMC42LTExLTcuOC0yMC41LTE4LjgtMjEuMWMtMi43LTAuMi01LjMsMC4yLTcuOCwxLjFjLTIwLjgsNy40LTQzLjctMy41LTUxLjEtMjQuM2MtMy4yLTktMy4xLTE4LjksMC40LTI3LjgKCWM0LTEwLjMtMS4xLTIxLjktMTEuNC0yNS45Yy0zLjgtMS41LTcuOS0xLjctMTEuOS0wLjhjLTIxLjUsNS4yLTQzLjEtOC00OC4zLTI5LjVjLTAuNy0zLjEtMS4xLTYuMi0xLjEtOS40CgljMC4xLTEwLjYsMy41LTIwLjgsOS42LTI5LjVMMjcxLjQsMzIuN3ogTTI0MCwzOTljMC0xMSw5LTIwLDIwLTIwYzExLDAsMjAsOSwyMCwyMHMtOSwyMC0yMCwyMEMyNDksNDE5LDI0MCw0MTAsMjQwLDM5OXogTTQ3MiwyMgoJYzAtMTEsOS0yMCwyMC0yMHMyMCw5LDIwLDIwcy05LDIwLTIwLDIwUzQ3MiwzMyw0NzIsMjJ6IE0zODQsMjJjMC0xMSw5LTIwLDIwLTIwczIwLDksMjAsMjBzLTksMjAtMjAsMjBTMzg0LDMzLDM4NCwyMnogTTMyOCwzNDIKCWMwLTExLDktMjAsMjAtMjBzMjAsOSwyMCwyMHMtOSwyMC0yMCwyMFMzMjgsMzUzLDMyOCwzNDJ6IE0yNjEsMzAxYzAtMTEsOS0yMCwyMC0yMHMyMCw5LDIwLDIwcy05LDIwLTIwLDIwUzI2MSwzMTIsMjYxLDMwMXoiLz4KPC9zdmc+Cg==');
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    opacity: 1;
    background-repeat: no-repeat;
}

#ot-sdk-btn:hover {
    color: #fff;
    background-color: #0631b7;
    
    text-indent: 0px;
    background-position: 90% center;
    min-width: 260px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGlkPSJGb3JtYV8xIiBjbGFzcz0ic3QwIiBkPSJNMTY4LDIwNGMwLTExLDktMjAsMjAtMjBzMjAsOSwyMCwyMHMtOSwyMC0yMCwyMFMxNjgsMjE1LDE2OCwyMDR6IE0xMTgsMzA5YzAtMTEsOS0yMCwyMC0yMAoJczIwLDksMjAsMjBzLTksMjAtMjAsMjBTMTE4LDMyMCwxMTgsMzA5eiBNMTU5LDExNWMwLTExLDktMjAsMjAtMjBzMjAsOSwyMCwyMHMtOSwyMC0yMCwyMFMxNTksMTI2LDE1OSwxMTV6IE00MTEsMTIzCgljMC0xMSw5LTIwLDIwLTIwczIwLDksMjAsMjBzLTksMjAtMjAsMjBTNDExLDEzNCw0MTEsMTIzeiBNMjcxLjQsMzIuN2M3LTguNSw1LjgtMjEuMS0yLjgtMjguMmMtMy41LTIuOS04LTQuNS0xMi42LTQuNQoJYy0xOC42LDAtMzcuMSwyLTU1LjMsNmMtMTAuOCwyLjMtMTcuNywxMi45LTE1LjQsMjMuN3MxMi45LDE3LjcsMjMuNywxNS40YzAuMSwwLDAuMiwwLDAuMy0wLjFjNC45LTEuMSw5LjktMiwxNC45LTIuNwoJYy0xLjUsNi40LTIuMiwxMy0yLjIsMTkuN2MwLDQwLjMsMzAsNzQuMyw3MCw3OS40YzAsMC4yLDAsMC40LDAsMC42YzAuMSw0NC4yLDM1LjgsNzkuOSw4MCw4MGMwLjgsMCwxLjcsMCwyLjUsMAoJYzkuMiwzNS4zLDQxLDYwLDc3LjUsNjBjNi43LDAsMTIuOS0wLjIsMTguNS0wLjdDNDU3LjksMzg4LjUsMzY2LjUsNDcyLDI1Niw0NzJjLTExOS4xLDAtMjE2LTk2LjktMjE2LTIxNgoJYzAuMS02OS43LDMzLjctMTM1LjEsOTAuNC0xNzUuN2M5LjEtNi4zLDExLjMtMTguOCw1LTI3LjhzLTE4LjgtMTEuMy0yNy44LTVjLTAuMiwwLjEtMC4zLDAuMi0wLjUsMC4zQzM5LjgsOTUuOC0wLjEsMTczLjQsMCwyNTYKCWMwLDE0MS40LDExNC42LDI1NiwyNTYsMjU2YzY3LjksMCwxMzMtMjcsMTgxLTc1YzQ4LjItNDcuOSw3NS4yLTExMy4xLDc1LTE4MWwwLDBjMC0wLjYsMC0xLjMtMC4xLTEuOWMwLTAuMi0wLjEtMC40LTAuMS0wLjYKCWMtMC4xLTAuNC0wLjEtMC44LTAuMi0xLjJjMC0wLjMtMC4xLTAuNS0wLjItMC44Yy0wLjEtMC40LTAuMi0wLjctMC4zLTEuMWMtMC4xLTAuMy0wLjItMC41LTAuMi0wLjhjLTAuMS0wLjMtMC4yLTAuNy0wLjQtMQoJYy0wLjEtMC4zLTAuMi0wLjUtMC4zLTAuOGMtMC4xLTAuMy0wLjMtMC42LTAuNS0xYy0wLjEtMC4yLTAuMy0wLjUtMC40LTAuN2MtMC4yLTAuMy0wLjQtMC42LTAuNS0wLjljLTAuMi0wLjItMC4zLTAuNS0wLjUtMC43CgljLTAuMi0wLjMtMC40LTAuNS0wLjYtMC44Yy0wLjItMC4yLTAuNC0wLjUtMC42LTAuN2MtMC4xLTAuMS0wLjEtMC4yLTAuMi0wLjJjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41cy0wLjQtMC40LTAuNi0wLjYKCWMtMC4zLTAuMy0wLjYtMC41LTAuOC0wLjhjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41Yy0wLjMtMC4zLTAuNy0wLjUtMS0wLjhjLTAuMi0wLjEtMC4zLTAuMi0wLjQtMC4zYy0wLjQtMC4zLTAuOC0wLjUtMS4zLTAuOAoJYy0wLjEtMC4xLTAuMi0wLjEtMC4zLTAuMmMtMC41LTAuMy0xLjEtMC42LTEuNy0wLjhjLTAuMS0wLjEtMC4zLTAuMS0wLjUtMC4yYy0wLjQtMC4yLTAuOC0wLjMtMS4zLTAuNWMtMC4zLTAuMS0wLjUtMC4xLTAuOC0wLjIKCWMtMC4zLTAuMS0wLjctMC4yLTEtMC4zcy0wLjUtMC4xLTAuOC0wLjJjLTAuNC0wLjEtMC43LTAuMS0xLjEtMC4yYy0wLjMsMC0wLjUtMC4xLTAuOC0wLjFjLTAuNCwwLTAuOC0wLjEtMS4yLTAuMQoJYy0wLjEsMC0wLjMsMC0wLjQsMHMtMC4yLDAtMC4zLDBjLTAuNCwwLTAuOSwwLTEuMywwLjFjLTAuMiwwLTAuNCwwLTAuNiwwYy0wLjUsMC4xLTEsMC4xLTEuNSwwLjJjLTAuMSwwLTAuMiwwLTAuMywwLjEKCWMtMC42LDAuMS0xLjIsMC4zLTEuOCwwLjVjLTAuMiwwLjEtMC40LDAuMS0wLjYsMC4yYy0wLjQsMC4xLTAuOCwwLjMtMS4yLDAuNGMtMC4yLDAuMS0wLjQsMC4yLTAuNywwLjNjLTAuMywwLjItMC43LDAuMy0xLDAuNQoJYy0wLjIsMC4xLTAuNSwwLjMtMC43LDAuNGMtMC4yLDAuMS0wLjQsMC4yLTAuNiwwLjRjLTEuNywwLjYtOS42LDIuOS0yOS40LDIuOWMtMjIuMSwwLTQwLTE3LjktNDAtNDBjMC0wLjcsMC0xLjQsMC4xLTIuMwoJYzAuNi0xMS03LjgtMjAuNS0xOC44LTIxLjFjLTIuNy0wLjItNS4zLDAuMi03LjgsMS4xYy0yMC44LDcuNC00My43LTMuNS01MS4xLTI0LjNjLTMuMi05LTMuMS0xOC45LDAuNC0yNy44CgljNC0xMC4zLTEuMS0yMS45LTExLjQtMjUuOWMtMy44LTEuNS03LjktMS43LTExLjktMC44Yy0yMS41LDUuMi00My4xLTgtNDguMy0yOS41Yy0wLjctMy4xLTEuMS02LjItMS4xLTkuNAoJYzAuMS0xMC42LDMuNS0yMC44LDkuNi0yOS41TDI3MS40LDMyLjd6IE0yNDAsMzk5YzAtMTEsOS0yMCwyMC0yMHMyMCw5LDIwLDIwcy05LDIwLTIwLDIwUzI0MCw0MTAsMjQwLDM5OXogTTQ3MiwyMgoJYzAtMTEsOS0yMCwyMC0yMHMyMCw5LDIwLDIwcy05LDIwLTIwLDIwUzQ3MiwzMyw0NzIsMjJ6IE0zODQsMjJjMC0xMSw5LTIwLDIwLTIwczIwLDksMjAsMjBzLTksMjAtMjAsMjBTMzg0LDMzLDM4NCwyMnogTTMyOCwzNDIKCWMwLTExLDktMjAsMjAtMjBzMjAsOSwyMCwyMHMtOSwyMC0yMCwyMFMzMjgsMzUzLDMyOCwzNDJ6IE0yNjEsMzAxYzAtMTEsOS0yMCwyMC0yMHMyMCw5LDIwLDIwcy05LDIwLTIwLDIwUzI2MSwzMTIsMjYxLDMwMXoiLz4KPC9zdmc+Cg==');
}

.ot-sdk-btn-text {
    display: none;
}

#ot-sdk-btn:hover .ot-sdk-btn-text {
    display: inline-block;
}

.ot-sdk-btn-icon {
    display: none;
}

#ot-sdk-btn:hover .ot-sdk-btn-icon {
    display: none;
}