.content__attachments {
  clear: both; }

.content__attachments__list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .content__attachments__list li {
    margin-bottom: 15px; }

.content__attachments__list__item {
  width: 100%;
  height: 55px; }

.content__attachments__list__item__link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #dfdfdf; }
  .content__attachments__list__item__link:hover .content__attachments__list__item__title {
    background-color: #c4c4c4;
    color: #194373; }
  .content__attachments__list__item__link:hover .content__attachments__list__item__btn img {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.content__attachments__list__item__title {
  position: relative;
  display: inline-block;
  width: calc(100% - 59px);
  margin: 4px 4px 4px 0;
  line-height: 47px;
  vertical-align: top;
  padding: 0 25px;
  font-size: 1.125em;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #777777;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: transparent;
  -webkit-transition: background-color 350ms ease, color 350ms ease;
  -o-transition: background-color 350ms ease, color 350ms ease;
  transition: background-color 350ms ease, color 350ms ease; }
  @media all and (min-width: 769px) {
    .content__attachments__list__item__title {
      padding: 0 100px 0 35px; } }
  .content__attachments__list__item__title input {
    line-height: 1 !important; }
  .content__attachments__list__item__title span {
    position: absolute;
    right: 35px;
    font-weight: 400;
    top: 0;
    line-height: 47px;
    display: none; }
    @media all and (min-width: 769px) {
      .content__attachments__list__item__title span {
        display: block; } }

.content__attachments__list__item__btn {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: #194373; }
  .content__attachments__list__item__btn img {
    display: block;
    margin: 13px auto;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 350ms ease;
    transition: -webkit-transform 350ms ease;
    -o-transition: transform 350ms ease;
    transition: transform 350ms ease;
    transition: transform 350ms ease, -webkit-transform 350ms ease; }