.document{display:flex;padding:1rem 0 1rem 1.5rem;position:relative}.document__icon{background:var(--color-corporate);display:inline-block;height:24px;left:0;position:absolute;top:.9rem;width:18px}.document__icon:before{border-bottom:4px solid hsla(0,0%,100%,.35);border-left:4px solid hsla(0,0%,100%,.35);border-right:4px solid var(--color-white);border-top:4px solid var(--color-white);content:"";display:block;height:0;position:absolute;right:0;top:0;width:0}.document__icon:after{bottom:0;color:var(--color-white);content:attr(data-extension);display:block;font-size:7px;left:0;line-height:7px;overflow:hidden;padding:2px;position:absolute;text-transform:lowercase;white-space:nowrap;width:100%}.document:hover .document__icon{background:var(--color-corporate-darker)}