@media only screen and (min-width: 360px) {
    .content-area a.gb-button, button, input[type="submit"] {
        transition: color .4s ease-in-out, background-color .4s ease-in-out;
        border-radius:50px;
        padding:8px 30px;
    }

    a.gb-button.btn-transparent-light, button.btn-transparent-light {
        background: none;
        border: 2px solid #ffffff;
        color: #ffffff;
    }

    a.gb-button.btn-transparent-light:hover, button.btn-transparent-light:hover {
        opacity: 0.8;
    }

    a.gb-button.btn-transparent-dark, button.btn-transparent-dark {
        background: none;
        border: 1px solid #C9C9C9;
        color: #000000;
        border-radius: 30px;
        padding: 5px 15px;
    }

    a.gb-button.btn-transparent-dark:hover, button.btn-transparent-dark:hover {
        background-color: var(--link-clr);
        color: #ffffff;
    }

    span.gb-button { 
        opacity: 0.5;
        cursor:not-allowed;
    }

    .category-menu .wp-block-navigation-item .wp-block-navigation-item__content {
        background: none;
        border: 1px solid #C9C9C9;
        color: #000000;
        border-radius: 30px;
        padding: 5px 15px;
    }
    
    .category-menu .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
        background-color: var(--link-clr);
        color: #ffffff;
    }

    .category-menu .wp-block-navigation-item .wp-block-navigation-item__content:hover {
        background-color: var(--link-clr);
        color: #ffffff;
    }

    .category-menu {
        margin-bottom: 30px;
    }

    .content-area .gb-query-loop-pagination a.gb-button {
        background-color: var(--btn-bg);
        color: var(--btn-font-clr);
        padding:15px 20px;
        border-radius:0px;
    }
}

@media only screen and (min-width: 768px) {
    .category-menu {
        margin-bottom: 0;
    }
}