<section id="chat_button">
<span class="skype-button rectangle" data-contact-id="live:meridiano33" data-text="Hugo B" data-color="#d3b85a"></span>
   <span class="skype-button rectangle" data-contact-id="meridiano33" data-text="HUGO BALBOA" data-color="#d3b85a"></span>
<span class="skype-chat" data-color-message="#fff"></span>
<span class="skype-button rectangle" data-contact-id="contacto.recepcion_bdp" data-text="RECEPCION" data-color="#d3b85a"></span>
<span class="skype-chat" data-color-message="#fff"></span>
   </section>
 <script src="https://swc.cdn.skype.com/sdk/v1/sdk.min.js"></script>
body{
   background:#2b2b2b;
}
section#chat_button {
    position: relative;
    float: left;
    max-width: 250px;
    
    min-height: 210px;
  
    top: -10px;
}

.lwc-chat-button {
    border-radius: 0;
    background-color: #00AFF0;
    display: inline-flex;
    font-size: 12px;
    padding: 4px 12px;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
    color: white;
    margin: 2px;
    padding: 10px;
    fill: transparent;
    align-items: center;
    box-sizing: content-box;
    z-index: 2147483647;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js