.variations-buttons{display:flex;flex-direction:column;gap:1.5rem}.variation-attribute-group{display:flex;flex-direction:column;gap:.75rem}.dino-label-position-vertical .variation-attribute-group{flex-direction:column}.dino-label-position-vertical .variation-label{margin-bottom:.5rem;font-weight:600;font-size:.9rem}.dino-label-position-vertical table.variations th.label{display:table-cell;vertical-align:top;padding-bottom:.5rem}.dino-label-position-horizontal .variation-attribute-group{flex-direction:row;align-items:center;gap:1rem}.dino-label-position-horizontal .variation-label{min-width:120px;font-weight:600;font-size:.9rem;margin:0}.dino-label-position-horizontal .variation-buttons-wrapper{flex:1}.dino-label-position-horizontal table.variations{display:table}.dino-label-position-horizontal table.variations th.label{display:table-cell;vertical-align:middle;padding-right:1rem;min-width:120px}.dino-label-position-horizontal table.variations td.value{display:table-cell;vertical-align:middle}.variation-buttons-wrapper{display:flex;flex-wrap:wrap;gap:.5rem}.variation-button{padding:.5rem 1rem;border:2px solid #e0e0e0;background:#fff;color:#333;border-radius:4px;cursor:pointer;transition:all 0.3s ease;font-size:.9rem;font-weight:500;min-width:60px;text-align:center}.variation-button:hover{border-color:#2271b1;color:#2271b1;background:#f5f5f5}.variation-button.selected{border-color:#2271b1;background:#2271b1;color:#fff}.variation-button:disabled,.variation-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (max-width:768px){.dino-label-position-horizontal .variation-attribute-group{flex-direction:column;align-items:flex-start}.dino-label-position-horizontal .variation-label{min-width:auto;margin-bottom:.5rem}}