.searchEngineBox {
    display: flex;
    justify-content: center;
    align-items: center;
    /* other styles */
}
.comment-box{
display:flex;
justify-content:center;
align-items:center
}
.top-button-box{
display: flex;
align-items: center;
flex-wrap: wrap;
box-sizing: content-box !important;
}
.clickable-box {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: 2px solid #ff4500; /* Sporty bold orange border */
    padding: 12px 16px;
    border-radius: 8px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    background: linear-gradient(135deg, #ff4500, #ff7300); /* Sporty gradient */
    color: white; /* White text for contrast */
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.clickable-box:hover {
    background: linear-gradient(135deg, #ff7300, #ff4500); /* Reverse gradient on hover */
    transform: scale(1.05); /* Slight pop-out effect */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

.clickable-box:active {
    background: #ff3300; /* More intense color when clicked */
    box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.2);
    transform: scale(0.98); /* Slight press effect */
}