.sticky {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  bottom: 0;
  height: auto%;
  width: 100%; /* Adjust width as needed */
  display: flex; /* Use flexbox */
  justify-content: center; /* Distribute items evenly with space around */
  align-items: center; /* Center-align items vertically */
  background-color: #303030; /* Black background */
  color: #ffffff; /* White font color */
  padding: 5px 0px 0px; /* Padding for the sticky container */
  box-sizing: border-box; /* Include padding in width calculation */
}
p{
  text-align: center  ;
}
a{
  color:#ff9700;;
}
.new{
  padding: 5px 30% 0px 0px; 
}
.atay{
 
  justify-content: Right; /* Distribute items evenly with space around */
  align-items: Right; /* Center-align items vertically */
}
.sticky button {
  justify-content: Right;
  background-color: #ff9700; /* Black background */
  color: #ffffff; /* White font color */
  padding: 10px 20px; /* Padding for button */
  border: none; /* Remove default button border */
  cursor: pointer; /* Change cursor to pointer on hover */
  font-size: 16px; /* Adjust font size */
  border-radius: 25px; /* Rounded corners for button */
}
.sticky button2 {
  justify-content: Right;
  color: #5e5e5e; /* White font color */
  padding: 10px 20px; /* Padding for button */
  cursor: pointer; /* Change cursor to pointer on hover */
  font-size: 16px; /* Adjust font size */
  border-radius: 5px; /* Rounded corners for button */
}
@media screen and (max-width: 600px) {
  .sticky {
    flex-direction: column; /* Stack items vertically */
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 20px; /* Adjust padding for larger screens */

  }
  .new {
    width: 100%;
    justify-content: center;
    text-align: center;
    align-content: center;
    align-items: center;
    margin-left: auto;
  }
  .new p{
    align-self: center;
    align-content: center;
    align-items: center;
  }
}