.reservations-list
    display: flex
    flex-direction: column
    gap: 10px

    .reservation
        display: flex
        flex-direction: row
        align-items: center
        justify-content: space-between
        gap: 10px

        button  
            padding: 10px
            border-radius: 10px
            background-color: $primary
            color: $secondary
            border: none
            transition: transform 0.5s

            &:hover
                transform: scale(1.1)

        p
            display: inline-flex
            flex-align: center
            align-items: center
            gap: 10px
            margin: 0px
            margin-right: 10px
            padding: 0px