/* Buttons: one primary terracotta action, plus outline / light variants and round arrow buttons. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 28px;border-radius:999px;font-size:1.05rem;font-weight:500;text-decoration:none;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s,transform .2s var(--ease)}
.btn svg{width:20px;height:20px;fill:currentColor;flex:none}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--clay-deep);color:#fff}
.btn-primary:hover{background:var(--ink)}
.btn-outline{border-color:var(--clay-deep);color:var(--clay-deep);background:transparent}
.btn-outline:hover{background:var(--clay-deep);color:#fff}
.btn-light{background:var(--on-dark);color:var(--ink)}
.btn-light:hover{background:#fff}
.btn-sm{min-height:44px;padding:9px 20px;font-size:.95rem}
.btn-lg{min-height:58px;padding:16px 34px;font-size:1.1rem}
.btn-block{width:100%}

.arrow-btn{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:transparent;display:inline-flex;align-items:center;justify-content:center;transition:background .25s,border-color .25s,transform .2s var(--ease)}
.arrow-btn svg{width:22px;height:22px;fill:var(--ink)}
.arrow-btn:hover{border-color:var(--clay-deep);background:var(--clay-deep)}
.arrow-btn:hover svg{fill:#fff}
.arrow-btn:active{transform:scale(.94)}
.arrow-btn:disabled{opacity:.35;pointer-events:none}