/* 紫色渐变按钮 */
.markoButtonPurpleBackground {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(30 49 221/var(--tw-border-opacity));
  background-image: linear-gradient(to bottom right,var(--tw-gradient-stops));
  --tw-gradient-from: #3555ff;
  --tw-gradient-to: rgba(53,85,255,0);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  --tw-gradient-to: #8313db;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .5s;
}

.markoButtonPurpleBackground:hover{
  border-color: rgb(30 49 221/var(--tw-border-opacity));
  background-image: linear-gradient(to bottom right,var(--tw-gradient-stops));
  --tw-gradient-from: #122ebb;
  --tw-gradient-to: rgba(53,85,255,0);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  --tw-gradient-to: #7813c5;
}
/* 浅紫灰色渐变按钮 */
.markoButtonPurpleGrayBackground {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(30 49 221/var(--tw-border-opacity));
  background-image: linear-gradient(to bottom right,var(--tw-gradient-stops));
  --tw-gradient-from: #9babfc;
  --tw-gradient-to: rgba(53,85,255,0);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  --tw-gradient-to: #c8a8e0;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-duration: .5s;
  color: #4813db !important;
}

.markoButtonPurpleGrayBackground:hover{
  border-color: rgb(30 49 221/var(--tw-border-opacity));
  background-image: linear-gradient(to bottom right,var(--tw-gradient-stops));
  --tw-gradient-from: #8196ff;
  --tw-gradient-to: rgba(53,85,255,0);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
  --tw-gradient-to: #bb8edd;
}


.marko-button-nav {
  cursor: pointer;
  color: #111827;
  border-radius: 10px;
}

.marko-button-nav:hover {
  background-color: #F7F8F9;
}

.marko-button-nav-link {
  cursor: pointer;
  color: #111827;
  border-radius: 10px;
  text-decoration: none;
}

.marko-button-nav-link:hover {
  /* background-color: #F7F8F9; */
  /* color: rgba(59,130,246,.5); */
  color: #415FFF;
}