@import './../../../styles/variables';

.c-Plp__c-SortAndFilterPanel {
    text-align: center;
    .c-Plp__c-SortAndFilterPanel__tool {
        padding: 0.8rem;
        font-size: $font-size;
        font-weight: $bold-font-weight;
        border: 1px solid $neutral-17;
        .c-Plp__c-SortAndFilterPanel__toolContent {
            margin-bottom: 0;
        }
    }

    // .ripple {
    //     background-color: $shocking-pink;
    //     width: 1rem;
    //     height: 1rem;
    //     position: absolute;
    //     border-radius: 50%;
    //     transform: translateX(-100%) translateY(-100%);
    //     mix-blend-mode: screen;
    //     animation: ripple 1000ms ease-out forwards;
    // }
    
    // @keyframes ripple {
    //     0%   { transform: translate(-100%, -100%); }
    //     80%  { transform: translate(-100%, -100%) scale(50); }
    //     100% { transform: translate(-100%, -100%) scale(50); opacity: 0; }
    // }
}
