@randstad-design/orbit-multitheme
Version:
multitheme Front-end code based on Randstad Human Forward components
54 lines (48 loc) • 1.39 kB
CSS
.cta-box__text,
.cta-box__text p:not(.cta-box--paragraph__p) {
font-family: Montserrat-ExtraBold, arial, sans-serif;
font-size: 40px;
text-transform: uppercase;
line-height: 45px;
margin-bottom: 0; }
@media (min-width: 941px) {
.cta-box__text,
.cta-box__text p:not(.cta-box--paragraph__p) {
font-family: Montserrat-ExtraBold, arial, sans-serif;
font-size: 60px;
text-transform: uppercase;
line-height: 60px; } }
@media (max-width: 940px) {
.cta-box__wrapper {
padding-bottom: 50px;
padding-top: 50px; }
.cta-box .button {
margin-top: 30px; }
.cta-box .button-group {
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
margin-top: 20px; }
.cta-box .button-group .button {
margin-top: 10px; } }
@media (min-width: 941px) {
.cta-box__wrapper {
display: block;
padding-bottom: 80px;
padding-top: 80px; }
.cta-box__wrapper .button {
margin-top: 30px; }
.cta-box__text {
max-width: calc((43/58) * 100%);
position: relative;
top: 10px; } }
.cta-box--paragraph .cta-box__text {
max-width: calc((48/58) * 100%); }
.cta-box--paragraph__p {
margin-top: 30px;
width: calc((43/58) * 100%);
font-family: Montserrat, arial, sans-serif;
font-size: 16px;
text-transform: none;
line-height: 25px; }
/*# sourceMappingURL=call-to-action-box.css.map */