#modalCheckout .mdlchk-actions.full-width{
  width:100%;
}

#modalCheckout .btn.light-purple{
  background: #b549b5!important;
}

#modalCheckout .btn.light-purple:hover{
  background: #863386!important;
  color:#fff;
}

#modalCheckout .btn.checkout:hover{
  transform:scale(0.98);
  transition:transform 0.1s ease;
  color:#fff;
}

@media screen and (max-width:991px){
  #modalCheckout.mdlchk .btn {
    min-width: 90%;
  }
}

@media screen and (min-width:992px){          
  #modalCheckout.mdlchk .btn.checkout {
    width: 100%;
  }
}