.content__attachments {
  clear: both; }

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

.content__attachments__list__item__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-decoration: none;
  background-color: #010165;
  border-radius: 36px;
  -webkit-box-shadow: 0 8px 32px rgba(1, 1, 101, 0);
  box-shadow: 0 8px 32px rgba(1, 1, 101, 0);
  overflow: hidden;
  -webkit-transition: background-color 350ms ease, -webkit-box-shadow 350ms ease;
  transition: background-color 350ms ease, -webkit-box-shadow 350ms ease;
  -o-transition: background-color 350ms ease, box-shadow 350ms ease;
  transition: background-color 350ms ease, box-shadow 350ms ease;
  transition: background-color 350ms ease, box-shadow 350ms ease, -webkit-box-shadow 350ms ease; }
  .content__attachments__list__item__link:hover {
    background-color: #010165;
    -webkit-box-shadow: 0 8px 32px rgba(1, 1, 101, 0.2);
    box-shadow: 0 8px 32px rgba(1, 1, 101, 0.2); }
    .content__attachments__list__item__link:hover .content__attachments__list__item__title {
      color: #fff; }
    .content__attachments__list__item__link:hover .content__attachments__list__item__type {
      color: rgba(255, 255, 255, 0.5); }
    .content__attachments__list__item__link:hover .content__attachments__list__item__btn {
      background-color: #fff;
      color: #010165; }

.content__attachments__list__item__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(100% - 150px); }

.content__attachments__list__item__title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  line-height: 72px;
  padding: 0 25px;
  color: #fff;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  -webkit-transition: color 350ms ease;
  -o-transition: color 350ms ease;
  transition: color 350ms ease; }
  .content__attachments__list__item__title input {
    line-height: 1 !important; }
  @media all and (min-width: 769px) {
    .content__attachments__list__item__title {
      font-size: 1.25em;
      width: calc(100% - 90px);
      padding: 0 0 0 40px; } }

.content__attachments__list__item__type {
  width: 90px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  line-height: 72px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.875em;
  font-weight: 600;
  letter-spacing: 0.075em;
  color: #fff;
  -webkit-transition: color 350ms ease;
  -o-transition: color 350ms ease;
  transition: color 350ms ease;
  display: none; }
  @media all and (min-width: 769px) {
    .content__attachments__list__item__type {
      display: block; } }

.content__attachments__list__item__btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 150px;
  line-height: 72px;
  letter-spacing: 0.075em;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #010165;
  border-radius: 36px 0 0 36px;
  font-size: 0.875em;
  font-weight: 600;
  -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; }
