#chat-cta-container p { margin: 0; }
#chat-cta-container .chat--close, #chat-cta-container #chat-cta { margin-left: auto; margin-right: 0; position: relative; }
#chat-cta-container button.btn-icon--sm { min-width: auto; width: 60px !important; height: 60px !important; min-width: 50px !important; }
#chat-cta-container .btn-icon--sm { display: block; border-radius: 100%; padding: 0; position: relative; -webkit-transition: background .25s; transition: background .25s; -webkit-box-shadow: 0 1px 6px rgba( 0, 0, 0, .1 ), 0 2px 24px rgba( 0, 0, 0, .2 ); box-shadow: 0 1px 6px rgba( 0, 0, 0, .1 ), 0 2px 24px rgba( 0, 0, 0, .2 ); }
#chat-cta-container .btn-icon--sm:hover { -webkit-box-shadow: rgba( 0, 0, 0, .2 ) 0 2px 10px, rgba( 0, 0, 0, .3 ) 0 4px 28px; box-shadow: rgba( 0, 0, 0, .2 ) 0 2px 10px, rgba( 0, 0, 0, .3 ) 0 4px 28px; }
#chat-cta-container .btn-icon--sm:before { content: ''; display: block; width: 100%; padding-bottom: 100%; }
#chat-cta-container .btn-icon--sm img { width: 100%; max-width: 60%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
/* v2 css update */
#chat-cta-container button.chat--response { font-size: 12px; font-weight: normal; line-height: 16px; display: block; width: auto; min-width: 20px; min-height: 36px; margin: 0 0 8px; padding: .5rem 16px; white-space: normal; color: #005aab; border: 1px solid #005aab; border-radius: 3px; background-color: white; }
#chat-cta-container { z-index: 3147483647; position: fixed !important; right: 0; bottom: 0 !important; margin-bottom: 0; padding: 16px; font-family: Helvetica, Arial, sans-serif !important; font-weight: 400; font-size: 14px; line-height: 24px; }
#chat-cta-container .chat--wrapper { width: auto; max-width: 376px; border-radius: 8px; height: auto; width: auto; background: #fff; -webkit-box-shadow: rgba( 0, 0, 0, .1 ) 0 5px 20px; box-shadow: rgba( 0, 0, 0, .1 ) 0 5px 20px; -webkit-transition: bottom .25s ease-in-out 0s; transition: bottom .25s ease-in-out 0s; }
#chat-cta-container .chat--box { max-width: 376px; margin: 0 0 20px; min-height: 32px; border: 0; padding: 32px 32px 32px 64px; position: relative; width: 100%; }
#chat-cta-container .chat--question { font-family: Helvetica, Arial, sans-serif !important; position: relative; min-height: 32px; border: 0; margin: 0 0 16px; display: inline-block; clear: both; background-color: white; border-radius: 0 8px 8px; padding: .5rem 16px; }
#chat-cta-container .chat--header { background-color: #005aab; color: #fff; height: 68px; padding: 14px 16px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #eaf0f6; border-radius: 8px 8px 0 0; }
#chat-cta-container .chat--header .header--icon { margin: 0; padding: 0; display: inline-block; vertical-align: middle; }
#chat-cta-container .chat-logo--icon { display: block; border: 2px solid #fff; background: #fff; border-radius: 50%; z-index: 0; height: 40px; width: 40px; }
#chat-cta-container .chat-logo--icon img, #chat-cta-container .bubble--close img { display: block; margin: auto; padding: 0; max-width: 100%; height: auto; width: auto; }
#chat-cta-container .chat--header .header--title { margin: 0; padding: 0 0 0 10px; display: inline-block; font-size: 16px; vertical-align: middle; width: auto; font-weight: 600; }
#chat-cta-container .chat--box .chat-logo--icon { position: absolute; left: 12px; top: 12px; z-index: 2; }
#chat-cta-container .chat--bubble { cursor: pointer; position: relative; border: 1px solid #eaf0f6; background: #fff; -webkit-box-shadow: 0 5px 20px rgba( 0, 0, 0, .1 ); box-shadow: 0 5px 20px rgba( 0, 0, 0, .1 ); border-radius: 4px; width: 240px; display: inline-block; padding: 24px 16px 16px; margin-bottom: 32px; }
#chat-cta-container #chat-bubble { position: relative; }
#chat-cta-container .bubble--close { position: absolute; top: 0; right: 0; color: #7c98b6; width: 32px; z-index: 4; border-radius: 0; background: transparent; border: 1px solid transparent; min-width: 5px; padding: 5px 7px 5px 5px; cursor: pointer; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: none; transition: none; }
#chat-cta-container .bubble--close:hover { opacity: .5; }
#chat-cta-container .chat--bubble .chat-logo { position: absolute; top: 0; left: 0; -webkit-transform: translateY( -50% ); transform: translateY( -50% ); z-index: 2; text-align: center; width: 100%; }
#chat-cta-container .chat--bubble .chat-logo--icon { width: 48px; margin: 0 auto; height: 48px; }
#chat-cta-container .chat--bubble .tail { position: absolute; bottom: -22px; left: inherit; right: 40px; }