I would like to set css color for my button. Thus I changed {$EmploymentType} to {if $EmploymentType=='Full Time'}Button-color{/if}.

Unfortunately this class color is empty when generated. Any advice are welcome. TQ!

Code:
<div class="jleftColumn">
	<button type="button" class="{foreach from=$listing.EmploymentType item=EmploymentType name=EmploymentType} {if $smarty.foreach.EmploymentType.first} {if $EmploymentType=='Full Time'}Typeyellow{elseif $EmploymentType=="Part Time"}Typeblue{elseif $EmploymentType=="Contractor"}Typegreen{elseif $EmploymentType=="Intern"}Typepurple{elseif $EmploymentType=="Seasonal"}Typetwilight{else}Typeyellow{/if}{/if}{/foreach}">
	<div>
		{foreach from=$listing.EmploymentType item=EmploymentType name=EmploymentType}
                       {if $smarty.foreach.EmploymentType.first} {$EmploymentType}{/if}
                  {/foreach}
	</div>
	<div class="hover">
		{foreach from=$listing.EmploymentType item=EmploymentType name=EmploymentType}
                       {if $smarty.foreach.EmploymentType.first} {$EmploymentType}{/if}
                  {/foreach}
	</div>
    </button>
</div>