/* Κεντράρισμα του container */
.center-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 7em; /* Για να είναι στο κέντρο της σελίδας */
    margin-top:30%;
    margin-bottom: 8%;
}

/* Container του κουμπιού */
.button-container {
    
    position: relative;
    display: inline-block;
	z-index: 10;
}

/* Animation για απότομο μεγάλωμα, μικρή συρρίκνωση και παύση */
@keyframes pulse {
    0% { transform: scale(1); }
    10% { transform: scale(1.2); } /* Απότομο μεγάλωμα */
    30% { transform: scale(0.9); } /* Μικρή συρρίκνωση */
   
    50% { transform: scale(1.2); } /* Επιστροφή στο κανονικό */
    80% { transform: scale(1); } /* Σταθερό αλλά για λιγότερο χρόνο */
}

/* Στυλ κουμπιού */
.button {
    display: inline-block;
    font-size: 38px;
    font-weight: 800;
    color: #000102;
    background-color: #6DF6FF;
    border: 1px solid #6DF6FF;
    padding: 10px 40px;
    text-transform: uppercase;
    
    font-family: 'Averta', sans-serif;
	
    border-radius: 60px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    box-shadow: 3px 3px 5px rgba(34, 34, 34, .5);
    animation: pulse 3s infinite ease-in-out; /* Επαναλαμβάνεται κάθε 3 δευτερόλεπτα */
    transition: all 0.3s ease-in-out;
}

/* Hover effect */
.button:hover {
    background-color: #D82342;
    border-color: #D82342;
    color: #fff;
}

/* Responsive για κινητά */