.box{
    text-align:center;
    /* font-weight: bold; */
    font-size: 2px;
    font-weight:bold;
    position: fixed;
    top: 300px;
    right: 30px;

    border: 2px solid #fbbd0a;
    border-radius: 30px;
    padding: 25px;
    color: #228c22;
    background-color: white;
    padding: 25px;
    transition: all 2s; 
}

.removed{
    border: 4px solid transparent;
    transition: all 2s; 
    color:transparent;
    background-color:transparent;
    display: none;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
.box{
    font-size: 20px;
    padding: 15px;
    }
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
.box{
        font-size: 20px;
        padding: 15px;
    }
}

/*Telegram floating icon code below*/
.float-telegram-button{
    background:#32AFED;
    position:fixed;
    bottom:2rem;
    left:2rem;
    z-index:990;
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.float-telegram-button::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    border-radius: inherit;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
}

.float-telegram-button svg{
    width:40px;
    height:40px;
}

.bounty-detail i.fa-telegram{
    color:#2CA4E0;
}

@-webkit-keyframes pulse-animation {
    0% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      opacity: 0;
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
    }
  }
  
  @keyframes pulse-animation {
    0% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      opacity: 0;
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
    }
  }
