.tag{align-items:center;background:#fff;border-radius:clamp(0.5rem, 0.125vw + 0.475rem, 0.625rem);display:flex;flex-wrap:wrap;font-size:clamp(0.8125rem, 0.1875vw + 0.775rem, 1rem);font-weight:500;gap:clamp(0.5rem, 0.125vw + 0.475rem, 0.625rem);justify-content:space-between;padding:clamp(0.5rem, 0.25vw + 0.45rem, 0.75rem) clamp(0.9375rem, 0.3125vw + 0.875rem, 1.25rem)}.tag--green{background-color:#dded7d}.tag--icon::before{background:#2d3246;content:"";display:block;height:clamp(0.9375rem, 0.5vw + 0.8375rem, 1.4375rem);width:clamp(0.9375rem, 0.5vw + 0.8375rem, 1.4375rem)}.tag--type::before{-webkit-mask:url("../../Icons/seminar-type.svg") no-repeat center center;mask:url("../../Icons/seminar-type.svg") no-repeat center center;-webkit-mask-size:contain;mask-size:contain}.tag--date::before{-webkit-mask:url("../../Icons/calendar.svg") no-repeat center center;mask:url("../../Icons/calendar.svg") no-repeat center center;-webkit-mask-size:contain;mask-size:contain}.tag--person::before{-webkit-mask:url("../../Icons/person.svg") no-repeat center center;mask:url("../../Icons/person.svg") no-repeat center center;-webkit-mask-size:contain;mask-size:contain}.tag__list{display:flex;flex-wrap:wrap;gap:0.25rem 2.5rem;list-style:none;margin:0;padding:0}.tag__item{position:relative}.tag__item+.tag__item::before{background:#2d3246;content:"";height:1.25rem;left:-1.25rem;position:absolute;top:50%;translate:0 -50%;width:0.0625rem}