/* Sdílené komponenty BeautySite.cz — Design System v2.0 */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 17px;border:1px solid transparent;border-radius:8px;font-weight:600;font-size:14px;line-height:1.2;text-align:center;transition:background var(--ease),color var(--ease),border-color var(--ease),transform var(--ease);cursor:pointer}
.button svg{width:20px;height:20px}
.button:hover{transform:translateY(-1px)}
.button:active{transform:translateY(0)}
.button-gold{background:linear-gradient(135deg,#e3c678,#c99d45);border-color:#d0a84e;color:#17130a}
.button-gold:hover{background:linear-gradient(135deg,#edd58d,#d7ad55)}
.button-outline{background:transparent;border-color:var(--gold);color:var(--gold-light)}
.button-outline:hover{background:rgba(212,175,55,.12)}
.button-small{min-height:38px;padding:8px 17px;font-size:13px}
.button-full{width:100%}
.button-card{width:100%;min-height:36px;padding:8px 10px;font-size:12px;background:#fff;color:#7a500b;border:1px solid #c99634;border-radius:6px}
.button-card:hover{background:#fff8e7}
.field input:invalid:not(:placeholder-shown){border-color:var(--danger)}