[block="social"] a {
    width: 100%;
    height: 60px;
    text-decoration: none;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--color-on-background);
    background-color: var(--color-surface-container-low);
    padding: calc(var(--spacing-24) - var(--spacing-4));
    transition: var(--transition-standard-default-effects);
  }
:is([block="social"] a):has( > *:last-child:is(span)) {
      gap: var(--spacing-8);
    }
:is([block="social"] a):has( > *:last-child:is(span)) svg {
        order: -1;
      }
:is([block="social"] a):has( > *:last-child:is(span)) span:first-child {
        flex: 2;
      }
:is([block="social"] a):hover {
      background-color: var(--color-surface-container);
    }