.arizona-banner
{
display
:
inline-flex
;
align-items
:
center
;
height
:
36px
;
padding
:
0 20px
;
border-radius
:
18px
;
background
:
linear-gradient
(
90deg
,
#7f1d1d
,
#dc2626
)
;
color
:
#ff9900
;
font-family
:
Arial
,
sans-serif
;
font-weight
:
bold
;
font-size
:
12px
;
text-transform
:
uppercase
;
position
:
relative
;
overflow
:
hidden
;
}
.arizona-banner::before
{
content
:
''
;
display
:
inline-block
;
width
:
18px
;
height
:
18px
;
margin-right
:
10px
;
background
:
#000000
;
mask
:
url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%20M12%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E')
;
mask-repeat
:
no-repeat
;
mask-position
:
center
;
mask-size
:
contain
;
}

.arizona-banner
{
display
:
inline-flex
;
align-items
:
center
;
height
:
36px
;
padding
:
0 20px
;
border-radius
:
18px
;
background
:
linear-gradient
(
90deg
,
#001a0a
,
#00331a
)
;
color
:
#00ff88
;
font-family
:
Arial
,
sans-serif
;
font-weight
:
bold
;
font-size
:
12px
;
text-transform
:
uppercase
;
position
:
relative
;
overflow
:
hidden
;
}
.arizona-banner::before
{
content
:
''
;
display
:
inline-block
;
width
:
18px
;
height
:
18px
;
margin-right
:
10px
;
background
:
#ffffff
;
mask
:
url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%20M9%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208z%20M23%2021v-2a4%204%200%200%200-3-3.87%20M16%203.13a4%204%200%200%201%200%207.75%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E')
;
mask-repeat
:
no-repeat
;
mask-position
:
center
;
mask-size
:
contain
;
}