버튼에 .rounded-full을 추가하여 매끄러운 알약 모양의 모서리를 제공합니다.

.btn-outline-* 클래스를 사용하여 유색 테두리가 있는 버튼을 만듭니다.

아웃라인 버튼에 .rounded-full을 적용하여 매끄러운 알약 모양의 모서리를 제공합니다.

.btn-soft-* 클래스를 사용하여 부드럽고 색조가 있는 배경색의 버튼을 만듭니다.

.btn-soft-*와 .btn-pill을 결합하여 부드러운 알약 모양의 버튼을 만듭니다.

.btn-ghost-* 클래스로 배경을 투명하게 유지하고 호버 시 색상을 강조할 수 있습니다.

고스트 스타일 버튼과 .rounded-full을 결합하여 호버 시 강조되는 둥근 투명 버튼을 만듭니다.

그라데이션 유틸리티 클래스를 사용하여 매끄러운 색상 전환을 적용하고 스타일리시한 그라데이션 버튼을 만듭니다.

그라데이션 유틸리티와 .rounded-full을 결합하여 혼합된 색상 전환이 있는 매끄러운 알약 모양의 버튼을 만듭니다.

.btn-lg 또는 .btn-sm을 사용하여 큰 버튼이나 작은 버튼을 빠르게 만들 수 있습니다.

<button>에 disabled 속성을 추가하여 사용자 상호 작용을 방지하고 비활성 상태를 시각적으로 나타냅니다.

.w-full 클래스를 추가하여 버튼이 컨테이너의 전체 너비를 차지하게 합니다.

아이콘 버튼을 사용하면 아이콘만 사용하여 컴팩트한 컨트롤을 만들거나, 툴바 및 작업 영역에서 더 명확하게 하기 위해 아이콘을 텍스트와 쌍으로 구성할 수 있습니다.

.btn 클래스는 <button>, <a>, <input> 요소에서 작동하지만 브라우저에 따라 모양이 약간 다를 수 있습니다.