.quick-listing-actions {
    clear: both;  /* Ensure it doesn't float beside any other elements */
    margin-top: 10px;  /* Add space between #column_right_modded and the actions */
    margin-bottom: 10px;
    display: flex;  /* Use flexbox to align content */
    justify-content: center;  /* Center align items horizontally */
    align-items: center; /* Center align items vertically */
    width: 100%;  /* Ensure it takes up full width if necessary */
}

/* Ensure buttons within .quick-listing-actions have a default border */
.quick-listing-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none; /* Remove default link underline */
    cursor: pointer;
    background-color: #f1f1f1; /* Default background */
    border: 1px solid transparent; /* Transparent border by default */
    transition: background-color 0.2s, border-color 0.2s; /* Smooth transitions */
}

/* Hover effect: Change background and border color */
.quick-listing-actions a:hover {
    background-color: #ddd; /* Light gray background on hover */
    border-color: 1px var(--accent) !important; /* Set border color to accent blue */
}

/* Heart size and aligment adjust */
#qa-f1e76b i.mi {
    font-size: 20px;
    padding-left: 5px;
}

@media (max-width: 480px) {
    .quick-listing-actions .cts-carousel {
        justify-content: center; /* CENTER BUTTONS ON MOBILE */
        gap: 6px; /* Optional: give space between buttons */
        align-items: center;
        width: 100%;
        overflow-x: hidden;
        gap: 1px;
    }

    .quick-listing-actions .ml-track-btn {
        flex: 0 1 auto;
        min-width: 0;
    }

    .quick-listing-actions a {
        font-size: 11px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        max-width: 100%;
        padding: 6px 8px;
    }

    .quick-listing-actions i.mi {
        font-size: 16px;
        flex-shrink: 0;
    }

    .quick-listing-actions span {
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #qa-f1e76b a {
        padding: 8px 10px;
        min-width: 40px;
    }

    #qa-f1e76b span.action-label {
        display: none;
    }
}