.google_doc_embed {
width: 150px;
height: 110px;
position: relative;
margin-bottom: 24px;
overflow: hidden;
border: 1px solid #ccc;
display: inline-block;
}
.google_doc_embed:hover {
border-color: var(--default_link_color, var(--main_color));
}
.google_doc_embed a {
position: absolute;
display:block;
width: 150px;
height: 130px;
background: #fff;
opacity: .01;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
filter: alpha(opacity=1);
}
.google_doc_embed iframe {
margin: -12px -10px -10px -12px;
border: none;
width: 170px;
height: 200px;
}
.google_doc_embed .doc-placeholder {
z-index: -1;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: #f1f1f1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
font-size: calc(var(--small-text-scale, 0.85) * var(--default_font_size, 14px));
line-height: 1.3;
gap: 5px;
padding: 10px;
box-sizing: border-box;
}
.google_doc_embed .icon {
font-size: 36px;
line-height: 1;
color: var(--default_link_color, var(--main_color));
}