50 lines
598 B
SCSS
50 lines
598 B
SCSS
|
|
||
|
|
||
|
|
||
|
|
||
|
/* CTA */
|
||
|
|
||
|
#cta {
|
||
|
.inner {
|
||
|
@include vendor('display', 'flex');
|
||
|
max-width: 45em;
|
||
|
|
||
|
header {
|
||
|
@include vendor('order', '1');
|
||
|
padding-right: 3em;
|
||
|
width: 70%;
|
||
|
|
||
|
p {
|
||
|
color: inherit;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.actions {
|
||
|
@include vendor('order', '2');
|
||
|
width: 30%;
|
||
|
}
|
||
|
|
||
|
@include breakpoint(medium) {
|
||
|
display: block;
|
||
|
text-align: center;
|
||
|
|
||
|
header {
|
||
|
padding-right: 0;
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
.actions {
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
max-width: 20em;
|
||
|
width: 100%;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@include breakpoint(small) {
|
||
|
.actions {
|
||
|
max-width: none;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|