CSSボタンジェネレーター - カスタムボタンスタイルビルダー

<button class="btn">Click Me</button>

<style>
.btn {
  background: #6366f1;
  color: #ffffff;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-block;
}

.btn:hover {
  background: #4f46e5;
  color: #ffffff;
}
</style>