/**
 * Component — Social Share
 * @package Recipes_Lola
 * @version 1.0.0
 */

.rl-social-share { display: flex; align-items: center; gap: var(--rl-space-2); }
.rl-social-share--vertical { flex-direction: column; }
.rl-social-share__button { display: inline-flex; align-items: center; justify-content: center; inline-size: var(--rl-space-10); block-size: var(--rl-space-10); border-radius: var(--rl-radius-full); border: var(--rl-border-width) solid var(--rl-color-border); color: var(--rl-color-foreground-muted); background-color: var(--rl-color-surface); transition: background-color var(--rl-transition-fast), border-color var(--rl-transition-fast), color var(--rl-transition-fast); }
.rl-social-share__button:hover { background-color: var(--rl-color-primary-subtle); border-color: var(--rl-color-primary-border); color: var(--rl-color-primary); }
.rl-social-share__icon { inline-size: var(--rl-icon-size-md); block-size: var(--rl-icon-size-md); }
.rl-social-share__label { font-size: var(--rl-text-xs); font-weight: var(--rl-weight-medium); color: var(--rl-color-foreground-muted); text-transform: uppercase; letter-spacing: var(--rl-tracking-wide); }