.dev {
  display: flex;
  align-items: center;
  transition: all 0.3s ease; }
  .dev__icon {
    display: flex;
    align-items: center;
    justify-content: center; }
  .dev__title {
    margin-left: 8px; }
  @media (min-width: 1024px) {
    .dev:hover {
      cursor: pointer;
      color: var(--theme-base-color);
      fill: var(--theme-base-color); } }