.confirmation {
display: grid;
gap: 1.75rem;
max-width: 40rem;
}
.confirmation-when {
padding: 1rem 1.125rem;
border-left: 4px solid var(--color-gold);
background: var(--color-cream);
}
.confirmation-lead {
color: var(--color-navy);
font-size: 0.8125rem;
letter-spacing: 1px;
text-transform: uppercase;
}
.confirmation-time {
margin-top: 0.375rem;
color: var(--color-navy);
font-family: var(--font-headline);
font-size: 1.375rem;
letter-spacing: 0.5px;
line-height: 1.3;
}
.confirmation-call {
margin-top: 0.5rem;
color: var(--color-navy);
font-weight: 600;
}
.confirmation-email {
margin-top: 0.5rem;
font-size: 0.875rem;
}
.confirmation-email-holds {
margin-top: 0.25rem;
font-size: 0.875rem;
}
.confirmation-subtitle {
color: var(--color-navy);
font-size: 1.1875rem;
line-height: 1.3;
}
.confirmation-add-links {
margin-top: 0.75rem;
}
.confirmation-change-line {
font-size: 0.9375rem;
}
.confirmation-list {
display: grid;
gap: 0.625rem;
margin-top: 0.75rem;
padding: 0;
list-style: none;
}
.confirmation-list li {
position: relative;
padding-left: 1.5rem;
}
.confirmation-list li::before {
content: "";
position: absolute;
left: 0;
top: 0.55em;
width: 0.5rem;
height: 0.5rem;
background: var(--color-gold);
}