JSFiddle - React, Tailwind, and code Playground

by Константин Дралюк

HTML

<div>
  <button type="button" title="Заказать обратный звонок" id="order-callback">
    <span>Заказать обратный звонок</span>
  </button>
</div>https://jsfiddle.net/#save

CSS

#order-callback {
    padding: 0;
    background: transparent;
    border: none;
    line-height: 7px;
    font-size: 12px;
    color: #bfbfbf;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 46px;
}

#order-callback:hover {
    text-decoration: underline;
}

JavaScript

$('*[data-open-obuff-popup]').on('click', function() {
    var id = $(this).data('open-obuff-popup');
    openPopup(id);
  });

  $('body, .obuff-popup-close-btn').on('click', function(){
    var id = '#' + $(this).parents('.obuff-popup-wrapper').attr('id');
    closePopup();
  })

  $('.obuff-popup-body, *[data-open-obuff-popup]').on('click', function(e){
    e.stopPropagation();
  })