.guestbookItem {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 1vh 1.5vh;
    gap: 1.2vh; 
    flex-direction: column;
    border-bottom: 1px solid rgba(255,255,255,0.08);

    background: linear-gradient(
        90deg,
        rgb(21, 38, 41) 40%,
        rgb(18, 36, 42) 100%
    );

    border-radius: 1vh;
}
#guestbookItems {
    display: flex;
    flex-direction: column;
    gap: 1.5vh;   
    padding: 2vh 2vh;  
    height: 100%
}
.guestbookItem .left {
    display: flex;
    align-items: flex-start;
    gap: 1vh;
}

.guestbookItem .right {
    display: flex;
    align-items: center;
    opacity: 0.4;
    font-size: 1.6vh;
}

.guestbookItem .avatar {
    height: 6vh;
    width: 6vh;
    object-fit: cover;
    border-radius: 0.5vh;
}

.guestbookItem .text {
    display: flex;
    flex-direction: column;
    gap: 0.3vh;
}

.guestbookItem .name {
    font-weight: bold;
    font-size: 2vh;
}

.guestbookItem .location {
    font-size: 1.5vh;
    opacity: 0.6;
}

.guestbookItem .message {
    font-size: 1.8vh;
    opacity: 0.85;
}
#guestbookEntryButton{
    position: relative;

    right: -2vw;
    bottom: -1vh;

    padding:0.5vh 2vh;
    border-radius: 0 1vh 1vh 0;

    border:none;
    outline:none;
    font-weight:600;
    font-size:1.6vh;
    color:white;

    background:linear-gradient(
        135deg,
        #143d35f2,
        #356d7ae4
    );

    box-shadow:
        0 0 0.5vh rgba(7, 18, 13, 0.6),
        0 0 1vh rgba(0, 21, 20, 0.3);

    cursor:pointer;
    transition:all .25s ease;

    z-index:10;
}