.button-modal-example{background:var(--primary);display:flex;justify-content:center;align-items:center;white-space:nowrap;border-radius:10px;border:1px solid var(--vtl-background);cursor:pointer;color:#fff;padding:1rem;margin:0}.button-modal-example svg{margin-right:1rem}.button-modal-example .material-symbols-outlined{margin-right:.5rem}.button-modal-example .material-symbols-outlined.plus{margin:0 .5rem}.examples{display:flex;gap:10px;flex-wrap:wrap}.examples div{display:flex;gap:10px;flex-direction:column}.examples div,.examples button{flex:1}.examples-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.category-group{display:flex;flex-direction:column;gap:.5rem}.category-group .category-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:.25rem}body.darkmode .category-group .category-label{color:#aaa}.category-group .button-modal-example{font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.category-group .button-modal-example:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.category-group .button-modal-example:active{transform:translateY(0)}@media (max-width: 768px){.examples-container{grid-template-columns:1fr}}