.logo__link {
  display: inline-flex;
  padding-top: 24px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 0 0 12px 12px;
  background-color: var(--color-white);
  transform: translateY(-12px);
  transition-property: transform;
  transition-duration: 300ms;
}

.logo__link:hover {
  transform: translateY(0);
}

.logo__image {
  width: 180px;
}

@media screen and (max-width: 600px) {
  .logo__image {
    width: 120px;
  }
}