{% scope_css %}
.tm-btn-wrapper { text-align: center; }
.tm-btn {
  font-weight: bold;
  font-size: clamp(16px, 4vw, 20px);
  padding: clamp(12px, 3vw, 24px) clamp(28px, 6.5vw, 80px);
  line-height: 1.2;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 90vw;
  transition: padding .2s ease, font-size .2s ease, border-radius .2s ease, background-color .15s ease;
  white-space: nowrap;
  word-break: keep-all;
  background-color: var(--tm-btn-bg, #000);
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.tm-btn:hover, .tm-btn:focus { background-color: var(--tm-btn-bg-hover, #222); }
@media (max-width: 480px) {
  .tm-btn { width: 100%; max-width: 320px; padding: clamp(12px, 3.8vw, 16px) clamp(24px, 8vw, 40px); }
}
{% end_scope_css %}