.g-button-group{
    text-align: center;
    margin-bottom: 40px;
}

.g-button-group .g-button{
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    background-color: #c8d1d8;
    color:var(--primary-clr);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.4s;
    border: none;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
}

.g-button-group .g-button.active{
    background-color: var(--primary-clr);
    color: var(--body-clr);
}

.g-button-group .g-button:hover{
    background-color: var(--primary-clr);
    color: var(--body-clr);
}