No notes defined.
<article class="booking-link">
<div class="booking-link__content">
<h3 class="booking-link__title h4">Monday 25 July – Friday 29 July</h3>
<p>Book your place by choosing a time and date.</p>
<p><a class="button" href="#">Book now</a></p>
</div>
</article>
<article class="booking-link">
<div class="booking-link__content">
<h3 class="booking-link__title h4">Monday 25 July – Friday 29 July</h3>
<p>Book your place by choosing a time and date.</p>
<p><a class="button" href="#">Book now</a></p>
</div>
</article>
.booking-link {
--accent-color: #{$teal};
margin-bottom: $spacing-xl;
color: $neutral--primary;
text-decoration: none;
padding: $spacing-md calc(#{$spacing-sm} + 2.5%) 0;
background: $grey-50-pc;
&__title {
display: table;
position: relative;
margin-bottom: $spacing-md;
padding-right: 1em;
word-break: break-word;
}
&__content {
padding: $spacing-xs 0;
> :first-child {
margin-top: 0;
}
> :last-child {
margin-bottom: 0;
}
}
p {
color: $neutral--primary;
}
}