body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    flex-direction: column; /* Aligner les éléments verticalement */
    justify-content: center;
    align-items: center;
    background-color: #f7f7f7;
    color: #333; /* Couleur du texte */
}

.description-container {
    max-width: 600px; /* Largeur maximale pour le texte descriptif */
    text-align: center; /* Centrer le texte */
    margin-bottom: 50px; /* Espace entre le texte et le bouton Apple Pay */
}

.description-container h1 {
    margin-bottom: 20px; /* Espace sous le titre */
}

.description-container p {
    line-height: 1.6; /* Espacement des lignes pour une meilleure lisibilité */
}

.description-container ul {
    text-align: left; /* Aligner le texte des listes à gauche */
    list-style: inside square; /* Style des puces de liste */
}

.apple-pay-container {
    display: flex;
    align-items: center;
    flex-direction: column; /* Aligner les éléments du bouton verticalement */
}

.arrow {
    font-size: 24px;
    margin: 10px; /* Espacement autour des flèches */
}

apple-pay-button {
    /* Style spécifique pour le bouton Apple Pay */
    border: none; /* Enlever la bordure par défaut */
    cursor: pointer; /* Style de curseur pointeur */
    transition: transform 0.3s ease; /* Animation au survol */
}

apple-pay-button:hover {
    transform: scale(1.05); /* Agrandir légèrement le bouton au survol */
}
