.variation-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.variation-button{padding:4px 4px;border:2px solid #ccc;background:#f9f9f9;border-radius:6px;cursor:pointer;font-size:14px;color:#000;transition:all 0.2s ease}.variation-button:hover{border-color:#666;background:#eee}.variation-button.active{border-color:#000;background:#ddd;font-weight:600;color:#000}table.variations select{position:absolute;opacity:0;pointer-events:none;height:0;width:0}table.variations tr:has(#pa_crescent-logo) td{border:2px solid #000;border-radius:6px;background-color:#f9f9f9;padding:4px 4px}table.variations tr:has(#pa_first-letter) td{border:2px solid #000;border-radius:6px;background-color:#f9f9f9;padding:4px 4px}table.variations tr:has(#pa_second-letter) td{border:2px solid #000;border-radius:6px;background-color:#f9f9f9;padding:4px 4px}