@media only screen and (max-width: 766px) {
  .floatingButton {
    position: fixed;
    bottom: 80px;
    height: 80px;
    width: 30%;
    display: flex;
    right:0;
    z-index: 1000;
  }

  .floatingButtonUp {
    position: fixed;
    bottom: 100px;
    height: 80px;
    width: 25%;
    display: flex;
    right:0;
    z-index: 1000;
  }

  .floatingButton img , .floatingButtonUp img {
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100px;
    object-fit: contain;
  }

  .countdown {
    position: absolute;
    height: 25px;
    width: 100%;
    text-align: right;
    bottom: 0px;
    
  }

  .countdown_value{
    position: absolute;
    left: 50%;
    bottom: 25%;
    transform: translate(-50%, 25%);
  }

  .timer {
    margin: 2px;
    font-weight: bold;
    font-size: 14px;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .floatingButton {
    position: fixed;
    bottom: 80px;
    height: 80px;
    width: 140px;
    display: flex;
    right:0;
    z-index: 1000;
  }

  .floatingButtonUp {
    position: fixed;
    bottom: 120px;
    height: 80px;
    width: 140px;
    display: flex;
    right:0;
    z-index: 1000;
  }

  .floatingButton img, .floatingButtonUp img {
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 110px;
    object-fit: contain;
  }

  .countdown {
    position: absolute;
    height: 25px;
    width: 100%;
    text-align: right;
    bottom: 0px;
    
  }

  .countdown_value{
    position: absolute;
    left: 50%;
    bottom: 25%;
    transform: translate(-50%, 25%);
  }

  .timer {
    margin: 2px;
    font-weight: bold;
    font-size: 14px;
  }
}

@media only screen and (min-width: 1024px) {
  .floatingButton {
    position: fixed;
    bottom: 80px;
    height: 80px;
    width: 140px;
    display: flex;
    right:0;
    z-index: 1000;
  }

  .floatingButtonUp {
    position: fixed;
    bottom: 80px;
    height: 80px;
    width: 140px;
    display: flex;
    right:0;
    z-index: 1000;
  }

  .floatingButton img, .floatingButtonUp img {
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 120px;
    object-fit: contain;
  }

  .countdown {
    position: absolute;
    height: 25px;
    width: 100%;
    text-align: right;
    bottom: 0px;
    
  }

  .countdown_value{
    position: absolute;
    left: 50%;
    bottom: 25%;
    transform: translate(-50%, 25%);
  }

  .timer {
    margin: 2px;
    font-weight: bold;
    font-size: 14px;
  }
}