.donate--wrapper{ 
  position: fixed;
  right: 0;
  top: 42%;
  transform: translateY(-50%);
  z-index: 2;
}

.donate--container {
  position: relative;
  gap: 7.5px;
  padding: 35px 20px 35px 15px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px 30px 30px 0px;
  
  background: #075cab;
  writing-mode: tb-rl;
  transform: rotate(180deg);
  letter-spacing: 2px;
}


@supports (-webkit-backdrop-filter: none) {
.donate--container {
  position: relative;
  gap: 7.5px;
  padding: 35px 20px 35px 35px!important;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px 30px 30px 0px;
  
  background: #075cab;
  writing-mode: tb-rl;
  transform: rotate(180deg);
  letter-spacing: 2px;
}
}

.donate--container span{ 
font-weight: 900;
font-size: 1rem;
color: #fcfdfc;
}

.donate--container i {
transform: rotate(90deg);
  color: #fcfdfc;
  font-size: 1rem;
}

.donate--wrapper a {
text-decoration: none;
}
.donate--wrapper .closedonate {
  font-size: 0.8rem;
  position: absolute;
  font-weight: 900;
  bottom: 5%;
  right: 13%;
  background-color: red;
  border-radius: 50%;
}

.donate--wrapper button {
padding: 0px;
background: none!important;
border: none!important;
z-index: 2;
}


.donate--wrapper.hide {
  display: none;
}

@media screen and (max-width: 999px) {
 .donate--wrapper{ 
 display: none;
}

}