/* PowerPack Info Box Button Custom Styling */
a.pp-more-link.pp-button {
    font-family: inherit; /* Inherits font-family from the theme */
    font-size: 18px; /* Adjust to your preferred size */
    line-height: 1.5; /* Change the line height */
    color: #ffffff; /* Text color */
    background-color: #353535; /* Button background color */
    padding: 12px 24px; /* Increase padding for a larger button */
    border-radius: 4px; /* Add rounded corners */
    text-align: center; /* Center the text */
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions */
    box-sizing: border-box;
    text-decoration: none; /* Ensure no underline */
    margin: 10px auto; /* Adjust margins as needed */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Optional: Add shadow for depth */
}

/* Add margin to the top of the button */
div.pp-infobox-button {
    margin-top: 20px; /* Apply the margin */
}

/* Button Hover State */
a.pp-more-link.pp-button:hover {
    background-color: #464646; /* Change background on hover */
    color: #ffffff; /* Change text color on hover */
    text-decoration: none;
}