<div>
 <button type="button" class="btn btn-primary rotate" data-kt-menu-trigger="click"
 data-kt-menu-placement="bottom-start" data-kt-menu-offset="30px, 30px">
 Click to open menu
 <span class="svg-icon fs-3 rotate-180 ms-3 me-0">...</span>
 </button>
 <div
 class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-auto min-w-200 mw-300px"
 data-kt-menu="true">
 <div class="menu-item px-3">
 <div class="menu-content fs-6 text-dark fw-bold px-3 py-4">Quick Actions</div>
 </div>
 <div class="separator mb-3 opacity-75"></div>
 <div class="menu-item px-3">
 <a href="#%22%20class=%22menu-link%20px-3" target="_blank" rel="noopener noreferrer">
 New Ticket
 </a>
 </div>
 <div class="menu-item px-3">
 <a href="#%22%20class=%22menu-link%20px-3" target="_blank" rel="noopener noreferrer">
 New Customer
 </a>
 </div>
 <div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start">
 <a href="#%22%20class=%22menu-link%20px-3" target="_blank" rel="noopener noreferrer">
 <span class="menu-title">New Group</span>
 <span class="menu-arrow"></span>
 </a>
 <div class="menu-sub menu-sub-dropdown w-175px py-4">
 <div class="menu-item px-3">
 <a href="#%22%20class=%22menu-link%20px-3" target="_blank" rel="noopener noreferrer">
 Admin Group
 </a>
 </div>
 <div class="menu-item px-3">
 <a href="#%22%20class=%22menu-link%20px-3" target="_blank" rel="noopener noreferrer">
 Staff Group
 </a>
 </div> 
 <div class="menu-item px-3">
 <a href="#%22%20class=%22menu-link%20px-3" target="_blank" rel="noopener noreferrer">
 Member Group
 </a>
 </div>
 </div>
 </div>
 <div class="menu-item px-3">
 <a href="#%22%20class=%22menu-link%20px-3" target="_blank" rel="noopener noreferrer">
 New Contact
 </a>
 </div>
 <div class="separator mt-3 opacity-75"></div>
 <div class="menu-item px-3">
 <div class="menu-content px-3 py-3">
 <a class="btn btn-light-primary btn-sm px-4" href="#">
 Generate Reports
 </a>
 </div>
 </div>
 </div>
 </div>