.percentage-calculator .buttons,.tip-calculator .buttons{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.percentage-calculator .buttons button,.tip-calculator .buttons button{min-height:40px;padding:0 var(--s2);font-size:.85rem}.percentage-calculator .buttons button[aria-pressed=true],.tip-calculator .buttons button[aria-pressed=true]{background-color:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:650}.percentage-calculator .buttons button[aria-pressed=true]:hover,.tip-calculator .buttons button[aria-pressed=true]:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.unit-converter .swap,.cooking-converter .swap{min-height:38px;padding:0 var(--s3);border-color:var(--border);color:var(--text-2);background-color:#0000;align-self:flex-start;font-size:.85rem}