.myButton1 {
min-width: 130px;
height: 40px;
padding: 5px 14px;
border: none;
outline: none;
border-radius: 999px;
cursor: pointer;
display: inline-block;
position: relative;
font-weight: 600;
font-size: 14px;
color: #111; /* dark text */
background-color: #c5ff00; /* neon green like screenshot */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.45);
transition: transform 0.15s ease, box-shadow 0.15s ease,
background-color 0.15s ease;
}
.myButton1:hover {
transform: translateY(-1px);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.55);
background-color: #d4ff3a;
}
.myButton1:active {
transform: translateY(1px);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
}
.stylish-search {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0;
}
.stylish-input {
width: 300px;
padding: 10px 15px;
font-size: 16px;
border: 2px solid #ddd;
border-radius: 25px 0 0 25px;
outline: none;
transition: all 0.3s ease;
background-color: #f9f9f9;
}
.stylish-input:focus {
border-color: #0073aa;
background-color: #fff;
}
.stylish-button {
padding: 10px 15px;
background-color: #0073aa;
border: 2px solid #0073aa;
border-radius: 0 25px 25px 0;
color: white;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.stylish-button:hover {
background-color: #005a87;
transform: scale(1.05);
}
.button-container {
text-align: center; /* Center the button */
margin-top: 10px;
}
.beautiful-button {
display: inline-block;
padding: 8px 18px; /* Smaller padding */
font-size: 14px; /* Reduced font size */
font-weight: 600;
color: #fff; /* White text */
background: linear-gradient(45deg, #6a11cb, #2575fc); /* Gradient background */
border: none;
border-radius: 25px; /* Rounded corners */
text-decoration: none; /* Remove underline */
text-align: center;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow */
transition: all 0.3s ease;
cursor: pointer;
}
.beautiful-button:hover {
background: linear-gradient(45deg, #2575fc, #6a11cb); /* Reverse gradient */
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3); /* Slightly deeper shadow */
transform: translateY(-2px); /* Lift on hover */
}
.beautiful-button:active {
transform: translateY(1px); /* Press effect */
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}
.latestpost{
background:#20232a;
border-radius:10px;
border:2px solid #7dff2a;
box-shadow:0 0 0 1px rgba(125,255,42,.3),0 14px 35px rgba(0,0,0,.45);
overflow:hidden;
margin:0;
transition:transform .15s ease,box-shadow .15s ease;
}
.featured-thumbnail img{
border-bottom:1px solid rgba(125,255,42,.4);
object-fit:cover;
}

_Full_Movie.jpg)


