Squarespace Tabs (CSS) - align center

Site URL: https://studiocote.co

I have a tabs plugin on my site, but I want to center the tab items, so they sit in the middle of the page. They currently sit on the left. This is the CSS code used in the header:

<style type="text/css">
.sqpl-tab-button{cursor:pointer;display:inline-block;border-bottom:0px solid black;padding:.5em 2em;margin:0;text-align:center;color:#888;position:relative;z-index:3}.sqpl-tab-button:hover{border-bottom:0px solid #000;color:#000}.sqpl-active-tab{border-bottom:0px solid #000;color:#000}.sqpl-tab-content{border-top:0px solid #d4d4d4;z-index:1}.sqpl-tab-controls{margin-bottom:-2px;z-index:2}.sqpl-tab{pointer-events:none;}.clickability{pointer-events:auto !important;};

</style>
 

Can someone help me align the tabs? It's on https://studiocote.co

Add to Design > Custom CSS

/* Center tab */
.sqpl-tab-controls {
    text-align: center;
}