.btn {
  display: inline-block;
  background: #a61e3d;
  color: white;
  padding: 10px 25px;
  text-decoration: none;
  font-weight: 500;
  border-radius: 4px;
  transition: background 0.3s;
    box-shadow: 0 4px 15px rgba(166, 30, 61, 0.3);
  margin: 20px 0;


}

.btn:hover {
  background: #8b1732;
    transform: translateY(-2px);
}


@media (max-width: 500px) {
    
 .btn {
  padding: 5px 20px;
  border-radius: 6px;
  box-shadow: 0 4px 15px rgba(166, 30, 61, 0.3);
}


}