:root {
        --sbv2-btn-bg-color: #252525;
        --sbv2-btn-bg-color-hvr: #ffea3a;
        --sbv2-btn-txt-color: #bfbfbf;
        --sbv2-btn-txt-color-hvr: #000;
	}
	[data-theme="dark"] {
		--sbv2-btn-bg-color: #373737;
        --sbv2-btn-bg-color-hvr: #ffea3a;
        --sbv2-btn-txt-color: #bfbfbf;
        --sbv2-btn-txt-color-hvr: #000;
	} 
    .sortbywrap {
         text-transform: uppercase;
         color: #2a2a2a;
     }
     .sbitem {
        color: #bfbfbf;
         color: var(--sbv2-btn-txt-color);
        background-color: #252525;
         background-color: var(--sbv2-btn-bg-color);
        -webkit-clip-path: polygon(0 0,100% 0,98% 100%,2% 100%);
        clip-path: polygon(0 0,100% 0,98% 100%,2% 100%);
        display: inline-block;
        padding: .25rem 2rem;
        text-decoration: none;
        transform: scale(1);
        transition: 0.1s;
        margin: 0.2rem 0;
     }
     .sbitem:hover {
         text-decoration: none;
        transform: scale(1.1);
        background-color: #ffea3a;
         background-color: var(--sbv2-btn-bg-color-hvr);
        -webkit-clip-path: polygon(3% 0,100% 5%,99% 100%,2% 100%);
        clip-path: polygon(3% 0,100% 5%,99% 100%,2% 100%);
        z-index: 500;
         color: black;
        color: var(--sbv2-btn-txt-color-hvr);
     }

.sortact {
   background-color: #ffea3a;
   color: black;
    background-color: var(--sbv2-btn-bg-color-hvr);
    color: var(--sbv2-btn-txt-color-hvr) !important;
    -webkit-clip-path: polygon(3% 0,100% 5%,99% 100%,2% 100%);
    clip-path: polygon(3% 0,100% 5%,99% 100%,2% 100%);
    transform: scale(1.05);
 }
                 
                 .sortBydynamic{
                     text-align: center;
                 }
                 @media (max-width: 768px){
                    .sortBydynamic{
                     text-align: center;
                 }
                     .sbitem {
                         padding: .25rem 1rem;
                         margin-right: 0.5rem;
                     }
                     .sortbywrap {
                         overflow: hidden;
                        overflow-x: auto;
                        display: flex;
                        flex-direction: row;
                        justify-content: flex-start;
                     }
                }