.reference-table {
  display: flex;
  flex-direction: column;
}
.reference-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-decoration: none !important;
  padding: 15px 15px 15px 70px;
  border: 1px solid #ececec;
  margin: 0 0 -1px;
  transition: all 180ms ease-in-out;
  position: relative;
}
.reference-item:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, .1);
}
.reference-item::before {
  content: "";
  display: block;
  width: 45px;
  height: 45px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIA0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojRTJFNUU3OyIgZD0iTTEyOCwwYy0xNy42LDAtMzIsMTQuNC0zMiwzMnY0NDhjMCwxNy42LDE0LjQsMzIsMzIsMzJoMzIwYzE3LjYsMCwzMi0xNC40LDMyLTMyVjEyOEwzNTIsMEgxMjh6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojQjBCN0JEOyIgZD0iTTM4NCwxMjhoOTZMMzUyLDB2OTZDMzUyLDExMy42LDM2Ni40LDEyOCwzODQsMTI4eiIvPg0KPHBvbHlnb24gc3R5bGU9ImZpbGw6I0NBRDFEODsiIHBvaW50cz0iNDgwLDIyNCAzODQsMTI4IDQ4MCwxMjggIi8+DQo8cGF0aCBzdHlsZT0iZmlsbDojRjE1NjQyOyIgZD0iTTQxNiw0MTZjMCw4LjgtNy4yLDE2LTE2LDE2SDQ4Yy04LjgsMC0xNi03LjItMTYtMTZWMjU2YzAtOC44LDcuMi0xNiwxNi0xNmgzNTJjOC44LDAsMTYsNy4yLDE2LDE2DQoJVjQxNnoiLz4NCjxnPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMTAxLjc0NCwzMDMuMTUyYzAtNC4yMjQsMy4zMjgtOC44MzIsOC42ODgtOC44MzJoMjkuNTUyYzE2LjY0LDAsMzEuNjE2LDExLjEzNiwzMS42MTYsMzIuNDgNCgkJYzAsMjAuMjI0LTE0Ljk3NiwzMS40ODgtMzEuNjE2LDMxLjQ4OGgtMjEuMzZ2MTYuODk2YzAsNS42MzItMy41ODQsOC44MTYtOC4xOTIsOC44MTZjLTQuMjI0LDAtOC42ODgtMy4xODQtOC42ODgtOC44MTZWMzAzLjE1MnoNCgkJIE0xMTguNjI0LDMxMC40MzJ2MzEuODcyaDIxLjM2YzguNTc2LDAsMTUuMzYtNy41NjgsMTUuMzYtMTUuNTA0YzAtOC45NDQtNi43ODQtMTYuMzY4LTE1LjM2LTE2LjM2OEgxMTguNjI0eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMTk2LjY1NiwzODRjLTQuMjI0LDAtOC44MzItMi4zMDQtOC44MzItNy45MnYtNzIuNjcyYzAtNC41OTIsNC42MDgtNy45MzYsOC44MzItNy45MzZoMjkuMjk2DQoJCWM1OC40NjQsMCw1Ny4xODQsODguNTI4LDEuMTUyLDg4LjUyOEgxOTYuNjU2eiBNMjA0LjcyLDMxMS4wODhWMzY4LjRoMjEuMjMyYzM0LjU0NCwwLDM2LjA4LTU3LjMxMiwwLTU3LjMxMkgyMDQuNzJ6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0zMDMuODcyLDMxMi4xMTJ2MjAuMzM2aDMyLjYyNGM0LjYwOCwwLDkuMjE2LDQuNjA4LDkuMjE2LDkuMDcyYzAsNC4yMjQtNC42MDgsNy42OC05LjIxNiw3LjY4DQoJCWgtMzIuNjI0djI2Ljg2NGMwLDQuNDgtMy4xODQsNy45Mi03LjY2NCw3LjkyYy01LjYzMiwwLTkuMDcyLTMuNDQtOS4wNzItNy45MnYtNzIuNjcyYzAtNC41OTIsMy40NTYtNy45MzYsOS4wNzItNy45MzZoNDQuOTEyDQoJCWM1LjYzMiwwLDguOTYsMy4zNDQsOC45Niw3LjkzNmMwLDQuMDk2LTMuMzI4LDguNzA0LTguOTYsOC43MDRoLTM3LjI0OFYzMTIuMTEyeiIvPg0KPC9nPg0KPHBhdGggc3R5bGU9ImZpbGw6I0NBRDFEODsiIGQ9Ik00MDAsNDMySDk2djE2aDMwNGM4LjgsMCwxNi03LjIsMTYtMTZ2LTE2QzQxNiw0MjQuOCw0MDguOCw0MzIsNDAwLDQzMnoiLz4NCjwvc3ZnPg==');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: 15px;
}
.reference-item__name {
  font-weight: 500;
  font-size: 17px;
}
.reference-item__date {
  color: #999;
}