.pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 14px;
	border-radius: 99px;
	font-family: "Work Sans", sans-serif !important;
	font-size: 13px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 19.5px !important;
	text-decoration: none !important;
	white-space: nowrap;
	color: var(--e-global-color-main) !important; 

    &.pill--xl {
        padding: 11px 22px;
        font-size: 14px !important;
    }

	&.pill--cycle {
		&:nth-child(4n + 1) {
			background-color: var(--e-global-color-pastel_purple);
		}

		&:nth-child(4n + 2) {
			background-color: var(--e-global-color-pastel_yellow);
		}

		&:nth-child(4n + 3) {
			background-color: var(--e-global-color-pastel_pink);
		}

		&:nth-child(4n + 4) {
			background-color: var(--e-global-color-primary);
            color: var(--e-global-color-white) !important;
		}
	}
}