Кнопка твиттера Twitter не появляется, если присутствует скрипт твиттеров. почему это?

Question

У меня есть кнопка твиттера в твиттере, и она не показывает абсолютно никакого стиля, так как даже не отображается. Если я уберу тэг, который идет с тэгом кнопки твита, то тэг показывает и перенаправляет на страницу твиттера, где ты можешь твитнуть. Но кнопка не имеет стилизации и не имеет стилизации типичной кнопки твита.

Даже если я захожу на publish.twitter.com/ и использую кнопку по умолчанию, которую они предоставляют, она работает неправильно.

<div class="row">
  <a href="https://twitter.com/intent/tweet?button_hashtag=LoveTwitter&ref_src=twsrc%5Etfw" class="twitter-hashtag-button" data-show-count="false">Tweet #LoveTwitter</a>
  <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

Это мой HTML, где образец кнопки твита из твиттера. Это вообще не отображается, поэтому нет смысла показывать скриншот моей страницы.

div#map{
width:100%;
height:100%;;
}

.location-form{
position: absolute;
width: 100vw;
z-index: 1000;
height: 100vh;
}

.col.align-self-center{
color: #909090;
text-align: center;
padding-top: 40px;
background-color: #303030;
}

#legend {
font-family: Arial, sans-serif;
background: #fff;
padding: 10px;
margin: 10px;
border: 1px solid #000;
}

#locationbox{
margin: 10px;
padding: 5px;
width: 50%;
}

.media{
border: 2px solid black;
padding: 5px;
border-radius: 5px;
margin: 5px;
}

.no-padding{
padding: 0 !important;
margin: 0;
}

.splash-page{
width: 100%;
height: 100vh;
}

.home-top{
background: url("../images/home-topback.jpeg");
background-size: cover;
background-image: opacity(70%);
}

.carousel-item{
width: auto;
height: 320px;
}

.home-desc{
background-color: #EBDCB2;
}

Это мой (плохо отформатированный, извините, я не знаю, как использовать тег кода) CSS, если это помогает.