#agenda {

    padding:
        var(--section-padding)
        10%;

    background: white;

}

.agenda-container {

    display: flex;
    flex-direction: column;
    gap: 25px;

}

.agenda-item {

    background: var(--background);

    border-radius: 20px;

    padding: 25px;

    display: flex;
    align-items: center;
    justify-content: space-between;

}

.agenda-date {

    font-weight: 700;

    min-width: 90px;

    color: var(--accent);

}

.agenda-details {

    flex: 1;

}

.agenda-details h3 {

    margin-bottom: 5px;

}

.agenda-details p {

    color: var(--text-light);

}

.agenda-button {

    text-decoration: none;

    background: var(--accent);

    color: white;

    padding: 12px 20px;

    border-radius: 50px;

}