.workshops__filters-btn[data-v-5340fbb1]{align-items:center;border-radius:5.464px;box-shadow:0 4px 4px #00000008;color:#000;display:flex;font-size:10px;font-style:normal;font-weight:600;justify-content:center;letter-spacing:.11rem;line-height:24px;overflow:hidden;padding:4px 12px;position:relative;text-transform:uppercase}.workshops__filters-btn__icon[data-v-5340fbb1]{margin-right:10px}.workshops__filters-btn[data-v-5340fbb1]:after{background:#fff;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}.workshops__filters-btn[data-v-5340fbb1]:before{background:var(--v7f60c030);border-bottom-right-radius:100%;border-top-right-radius:100%;content:"";height:120%;left:-10%;position:absolute;top:-10%;transform:rotate(10deg);width:0;z-index:-1}.workshops__filters-btn[data-v-5340fbb1]:not(.workshops__filters-btn--active){transition:all .5s}.workshops__filters-btn[data-v-5340fbb1]:not(.workshops__filters-btn--active):before{transition:all .5s,border-top-right-radius 1s,border-bottom-right-radius 1s,transform 1s}.workshops__filters-btn--active[data-v-5340fbb1],.workshops__filters-btn[data-v-5340fbb1]:focus,.workshops__filters-btn[data-v-5340fbb1]:hover{color:#fff;transition:all .5s}.workshops__filters-btn--active[data-v-5340fbb1]:before,.workshops__filters-btn[data-v-5340fbb1]:focus:before,.workshops__filters-btn[data-v-5340fbb1]:hover:before{border-bottom-right-radius:0;border-top-right-radius:0;transform:rotate(0);transition:all .5s,border-top-right-radius 1s,border-bottom-right-radius 1s,transform 1s;width:120%}