/* Styles for buttons */
.button-container-pctestingtool {
    display: flex; /* Display the buttons in a row */
    justify-content: center; /* Center the buttons horizontally */
    align-items: center; /* Center the buttons vertically */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    gap: 5px; /* Space between buttons */
    flex-wrap: wrap; /* Prevents wrapping into multiple rows */
}

.button-pctestingtool {
    display: inline-block;
    padding: 10px 20px;
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
    color: white;
    background-color: transparent;
    border-radius: 5px;
    font-weight: bold; /* This makes the text bold */
    font-size: 16px; /* Adjust this value to increase the font size */
    white-space: nowrap; /* Keeps text in a single line */
}

    .button-pctestingtool:last-child {
        margin-right: 0;
    }

    /* Change text color on hover */
    .button-pctestingtool:hover {
        color: red; /* Change text to red when hovering */
    }

    /* Additional style to remove underline on button focus */
    .button-pctestingtool:focus {
        text-decoration: none;
    }

/* White background when active */
.white-background {
    background-color: white;
    color: black; /* Ensure active button text is black */
}













/* Tablet Styles */
@media (min-width: 768px) and (max-width: 1024px) {
    .button-pctestingtool {
        padding: 8px 16px;
        font-size: 14px;
    }

}

/* lower non-mobile resolutions Styles */
@media (min-width: 768px) and (max-width: 900px) {

    .button-pctestingtool {
        padding: 8px 14px;
        font-size: 13px;
    }
}


/* Mobile Styles */
@media (max-width: 768px) {
    .button-pctestingtool {
        padding: 6px 12px;
        font-size: 12px;
    }
}

/* Media query for lower screen mobile devices */
@media (max-width: 480px) {

    .button-pctestingtool {
        padding: 5px 10px;
        font-size: 11px;
    }
}