Freebie Mom Giveaway April 11th

/* This wrapper ensures it doesn’t mess up your WordPress theme’s header/footer */
.giveaway-wrapper {
background: #6a11cb;
background: linear-gradient(45deg, #6a11cb 0%, #2575fc 100%);
padding: 40px 20px;
border-radius: 15px;
font-family: ‘Helvetica Neue’, sans-serif;
color: #fff;
text-align: center;
max-width: 650px;
margin: 20px auto;
box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}

.giveaway-title {
font-size: 2.8em;
font-weight: 900;
margin-bottom: 10px;
color: #fffb00;
text-shadow: 3px 3px 0px #ff0055;
text-transform: uppercase;
}

.prize-tag {
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(5px);
padding: 15px;
border-radius: 50px;
display: inline-block;
margin: 10px 0;
border: 2px dashed #fffb00;
font-size: 1.2em;
letter-spacing: 1px;
}

.ad-container {
background: #fff;
padding: 10px;
margin: 25px 0;
border-radius: 10px;
min-height: 100px;
}

.instruction-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
margin: 25px 0;
}

.step {
background: rgba(0, 0, 0, 0.3);
padding: 15px 10px;
border-radius: 10px;
transition: 0.3s;
}

.step:hover { transform: translateY(-5px); background: rgba(0, 0, 0, 0.5); }

.step span { font-size: 2em; display: block; margin-bottom: 5px; }

.countdown-bar {
background: #ff0055;
color: white;
padding: 12px;
font-weight: bold;
border-radius: 5px;
font-size: 1.1em;
animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
50% { opacity: 0.7; }
}

.fb-button {
display: block;
background: #fffb00;
color: #000 !important;
text-decoration: none !important;
padding: 20px;
border-radius: 10px;
font-weight: 900;
font-size: 1.4em;
margin-top: 25px;
text-transform: uppercase;
box-shadow: 0 5px 0px #d4cc00;
}

.fb-button:active {
transform: translateY(3px);
box-shadow: none;
}

@media (max-width: 500px) {
.instruction-grid { grid-template-columns: 1fr; }
.giveaway-title { font-size: 2em; }
}