CSS styling for file attachments

I’m using the Link to file method to attach files (PDFs, mostly) and I wanted to change the CSS so each attachment is shown in a box. I’ve created a new class named “file” and so far my CSS goes like this:

file {
border: 1px solid #fec42d;
margin: 5px;
padding: 5px;
width: 400px;
height: auto;
}

file a, file a:visited {
color: #6C8C37;
border-bottom: 1 px dotted #6C8C37;
font-weight: bold;
}

file a:hover, file a:active {
color: #009193;
border-bottom: 1 px dotted #009193;
font-weight: bold;
}

The problem is that the box doesn’t wrap around the description of the attached file, and I want the box to be almost as big as the content area and it’s not working. You can see what I mean here: https://www.ainhoavega.com/trabajos Anyone now how to help? Thanks!!

Also, I was wondering if the attachments use special selectors or are they just normal links?