.o-documents {
display: grid;
gap: 12px;
}
.o-document {
display: flex;
padding: 20px 0 20px 20px;
gap: 18px;
border-radius: 10px;
background: #f3f2f1;
color: #0B0C0C;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
@media (max-width: 767px) {
.o-document {
padding: 15px 0 15px 15px;
font-size: 14px;
}
}
.o-document-left {
display: flex;
}
.o-document-left svg {
flex: 0 0 auto;
margin-right: 10px;
color: #959595;
}
.o-document-title {
margin-bottom: 10px;
color: #000;
}
.o-document-download {
display: flex;
justify-content: center;
align-items: center;
flex: 0 0 auto;
margin-left: auto;
border-left: 1px solid #d6d6d6;
}
.o-document-download a {
padding: 10px 18px;
color: #0065B3;
}
@media (max-width: 767px) {
.o-document-download a {
padding-inline: 16px;
}
}
.o-document-download a:hover,
.o-document-download a:focus {
color: #105084; }
.o-document-download svg {
vertical-align: sub;
}
.o-document-download span {
margin-left: 6px;
}
@media (max-width: 767px) {
.o-document-download span {
display: none;
}
}
.o-document-separator {
padding: 0 10px;
color: #dadada;
}