@use '../../../../styles/shared-legal.scss';

.contact-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: var(--bg-secondary);
  border-radius: var(--radius-md);
  margin-bottom: 1rem;
  transition: all 0.3s ease;
  border-left: 3px solid var(--primary-color);
  
  &:hover {
    transform: translateX(5px);
    box-shadow: var(--shadow-sm);
  }
  
  .icon {
    font-size: 1.5rem;
    color: var(--primary-color);
  }
  
  .info {
    flex: 1;
    
    strong {
      display: block;
      margin-bottom: 0.25rem;
      color: var(--text-secondary);
      font-size: 0.85rem;
    }
    
    a {
      color: var(--text-primary);
      text-decoration: none;
      font-weight: 500;
      
      &:hover {
        color: var(--primary-color);
        text-decoration: underline;
      }
    }
  }
}

