.btn-play{
  color: #fff;
  background: rgb(122,8,7);
  background: linear-gradient(90deg, rgb(68, 147, 130) 0%, rgb(28, 73, 63) 100%);
  font-size: 20px;
  transition: 0.3s;
  -webkit-transition-duration: 0.4s; /* Safari */
}
.btn-play:hover{
  color: #fff !important;
  background: rgb(122,8,7);
  background: linear-gradient(90deg, rgb(76, 187, 163) 0%, rgb(47, 156, 132) 100%);
}
.btn-play i {
  color: #fff;
  font-size: 20px;
}

 



.btn-slot{
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #fff;
  /*background: rgb(177, 9, 4);
  background: linear-gradient(90deg, rgba(177, 9, 4, 1) 0%, rgba(242, 23, 1, 1) 100%);*/
  color: #fff;
  background: rgb(190,24,24);
  background: linear-gradient(90deg, rgba(190,24,24,1) 0%, rgba(147,34,34,1) 100%);
  font-size: 16px;
  transition: 0.3s;
  -webkit-transition-duration: 0.4s; /* Safari */
  padding: 10px 5px 10px 5px;
}
.btn-slot i{
  color: #fff;
}
.btn-slot:hover {
  color: #fff;
  background: rgb(190,24,24);
  background: linear-gradient(90deg, rgba(190,24,24,1) 0%, rgb(255, 51, 51) 100%);
}







.btn-ufa{
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #fff;
  /*background: rgb(177, 9, 4);
  background: linear-gradient(90deg, rgba(177, 9, 4, 1) 0%, rgba(242, 23, 1, 1) 100%);*/
  background: #fe8c00;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f83600, #fe8c00);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  font-size: 16px;
  transition: 0.3s;
  -webkit-transition-duration: 0.4s;
  padding: 10px 5px 10px 5px;
}
.btn-ufa i{
  color: #fff;
}
.btn-ufa:hover {
  color: #fff;
  background: #fe8c00;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f83600, #fe8c00);  /* Chrome 10-25, Safari 5.1-6 */
}





.btn-sexy{
  color: #fff;
  background: rgb(118,32,134);
  background: linear-gradient(90deg, rgba(118,32,134,1) 0%, rgba(43,6,83,1) 100%);
  font-size: 16px;
  transition: 0.3s;
  -webkit-transition-duration: 0.4s; /* Safari */
}
.btn-sexy:hover{
  color: #fff;
  background: rgb(118,32,134);
  background: linear-gradient(90deg, rgb(137, 36, 156) 0%, rgb(147, 47, 255) 100%);
}
.btn-sexy i {
  color: #fff;
}



.btn-transaction{
  color: #000;
  background: rgb(182,182,182);
  background: linear-gradient(90deg, rgba(182,182,182,1) 0%, rgba(122,122,122,1) 100%);
  font-size: 16px;
  transition: 0.3s;
  -webkit-transition-duration: 0.4s; /* Safari */
}
.btn-transaction:hover{
  color: #fff;
  background: rgb(101,101,101);
  background: linear-gradient(90deg, rgb(70, 70, 70) 0%, rgb(51, 51, 51) 100%);
}
.btn-transaction:hover i{
  color: #fff;
}
.btn-transaction i{
  color: #000;
}
.btn-trophy {
  color: #fff;
  background: rgb(101,101,101);
  background: linear-gradient(90deg, rgb(93, 93, 93) 0%, rgb(105, 105, 105) 100%);
  font-size: 16px;
  transition: 0.3s;
  -webkit-transition-duration: 0.4s;
}
.btn-trophy i {
  color: #fff;
}
.btn-trophy:hover {
  color: #fff;
  background: rgb(101,101,101);
  background: linear-gradient(90deg, rgb(70, 70, 70) 0%, rgb(51, 51, 51) 100%);
}