pixies

1@use "@/common/styles/colors" as *
2
3.cta-section
4  display: flex
5  align-items: center
6  justify-content: space-between
7  margin: 4rem 6rem 0
8  padding: 2rem 2.5rem
9  background: $background-lighter
10  border: 1px solid $border-color
11  border-radius: 12px
12
13  h2
14    font-size: 1.25rem
15    font-weight: 600
16
17.cta-actions
18  display: flex
19  gap: 0.75rem
20
21@media (max-width: 700px)
22  .cta-section
23    flex-direction: column
24    gap: 1.5rem
25    margin: 2rem 1.5rem 0
26    padding: 2rem
27    text-align: center
28
29    h2
30      font-size: 1.125rem
31
32  .cta-actions
33    width: 100%
34
35    .btn
36      flex: 1
37      justify-content: center