.btn-christmas {
    background-color: #ffcc04; /* Red background */
    color: #000; /* White text */
    padding: 10px 20px; /* Spacing around the text */
    border: none; /* No border */
    border-radius: 15px; /* Rounded corners */
    font-family: Arial, Helvetica, sans-serif; /* Font similar to what's used */
    font-size: 16px; /* Adjust as needed */
    text-align: center; /* Center the text */
    cursor: pointer; /* Change cursor to pointer on hover */
    text-decoration: none; /* Remove any text underline */
    width: 100%;
    max-width: 300px;
    margin: auto;
}

.btn-christmas:hover {
    background-color: #f3c317; /* Darker red on hover */
}



.btn-christmas strong {
    font-size: 2rem; /* Use rem for scalable font size */
    display: block;
}



@media (max-width: 600px) {
    .btn-christmas {
        padding: 12px 0;
    }

    .btn-christmas strong {
        font-size: 1.5rem; /* Adjust font size for smaller screens */
    }
}