/* Scintilla Blocks — Button block frontend styles */

.sctb-button-wrap {
	display: block;
}

.sctb-button {
	display:         inline-flex;
	align-items:     center;
	gap:             6px;
	padding:         12px 24px;
	background:      #3B5BDB;
	color:           #fff;
	border:          2px solid transparent;
	border-radius:   4px;
	text-decoration: none;
	cursor:          pointer;
	font-size:       14px;
	font-weight:     600;
	line-height:     1;
	white-space:     nowrap;
	transition:      background 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.sctb-button--info    { background: #17a2b8; }
.sctb-button--success { background: #28a745; }
.sctb-button--warning { background: #ffc107; color: #212529; }
.sctb-button--danger  { background: #dc3545; }

@keyframes sctbHang {
	0%   { transform: translateY(0); }
	50%  { transform: translateY(-6px); }
	100% { transform: translateY(0); }
}
@keyframes sctbBob {
	0%   { transform: translateY(-6px); }
	50%  { transform: translateY(0); }
	100% { transform: translateY(-6px); }
}
@keyframes sctbPulse {
	0%   { transform: scale(1); }
	50%  { transform: scale(1.05); }
	100% { transform: scale(1); }
}
@keyframes sctbWobble {
	0%   { transform: translateX(0); }
	15%  { transform: translateX(-8px) rotate(-5deg); }
	30%  { transform: translateX(6px) rotate(3deg); }
	45%  { transform: translateX(-4px) rotate(-3deg); }
	60%  { transform: translateX(2px) rotate(1deg); }
	75%  { transform: translateX(-1px) rotate(-1deg); }
	100% { transform: translateX(0); }
}