دکمه درخشان

/*
MIT License

Copyright (c) 2026 TEAM 1111

Permission is hereby granted, free of charge, to any person obtaining a copy of this software to deal in the software without restriction, including the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies, subject to including this notice in all copies or substantial portions.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND.
*/

<button class="glow-button" type="button">شروع کنید</button>

<style>
.glow-button {
  min-height: 3rem;
  padding-inline: 1.75rem;
  border: 1px solid rgb(255 222 172 / 0.5);
  border-radius: 999px;
  background: linear-gradient(180deg, #edbd78, #d29a4c);
  box-shadow: 0 0 0 0 rgb(226 173 98 / 0);
  color: #1a120a;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: box-shadow 240ms ease, transform 140ms ease;
}

.glow-button:hover {
  box-shadow: 0 0 2rem 0.25rem rgb(226 173 98 / 0.45);
}

.glow-button:focus-visible {
  outline: 2px solid #fff3dc;
  outline-offset: 3px;
}

.glow-button:active {
  transform: scale(0.97);
}

@media (prefers-reduced-motion: reduce) {
  .glow-button {
    transition: none;
  }
}
</style>