.btn-wrapcenter {
        display: flex;
        justify-content: center;
        /* centers horizontally */
        /* align-items: center;    <-- add this if you also want vertical centering and the div has a height */
    }
    a.buttoncustom {
        background-color: #CFB87C;
        border: 2px solid #CFB87C;
        /* increase px for wider border */
        color: black;
        /* text color */
        border-radius: 6px;
        /* Change border-radius pixel size to adjust the corner rounding of the button. 0px = square corners */
        padding: 1%;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 20px;
        font-weight: normal;
        margin: 4px 2px;
        /*Margin property controls top and left margins for button placement */
        transition-duration: 0.05s;
        cursor: pointer;
        }
    .buttoncustom:hover {
        background-color: #ffffff;
        color: black;
    }