Utility Elements

Use the CSS class names below to display each html element.

Modals

<div class="modal">
	<div class="modal__container">
		<div class="modal__heading">
			<button class="button-control-close"></button>
			<span class="typography-body-24-medium">Modal Title</span>
		</div>
		<div class="modal__body typography-body-18-regular">
			...Modal body goes here
		</div>
	</div>
</div>

Launch Iframe Modal

Tool Tip

<span>Miles of standard towing</span>
<div class="tooltip" tabIndex="0">
	<img src="/core-assets/icon/v2/file/basic-ui/info-circle.svg" />
	<div class="tooltip__body">
		<button class="tooltip__close"><img class="element__icon" src="/core-assets/icon/v2/file/basic-ui/xmark-circle.svg" /></button>
		<p class="typography-body-14-medium">How does this work?</p>
		<p class="typography-body-14-regular">AAA members can receive this many miles of tow coverage 3 times within a single calendar year.</p>
	</div>
</div>

Miles of standard towing