site/components/policy/policy-box/style.css
@value mediumScreen from "../../../css/_sizes.css";
.mb10 {
margin-bottom: 10px;
}
.box {
display: flex;
align-items: baseline;
}
.numberContainer {
width: 40px;
}
@media mediumScreen {
.numberContainer {
width: 50px;
}
}
.number {
composes: boldSansSerif from '../../../css/typography/_fonts.css';
font-size: 16px;
line-height: 1.1;
border-bottom: 5px solid #fc1d42;
position: relative;
top: -2px;
}
.policyHeader {
flex: 1;
}
.policyText {
flex: 1;
max-width: 610px;
margin-bottom: 10px;
}
.policyTextBold {
composes: boldSansSerif from '../../../css/typography/_fonts.css';
}
@media mediumScreen {
.number {
top: -9px;
}
}