/* * Bluesky Social Icon Styles
 *  * These styles are designed to make the Bluesky SVG icon visible and 
 *   * correctly sized, while inheriting the theme's default colors 
 *    * for consistency with Facebook and Twitter icons.
 *     */

/* * The main button class is left intentionally empty so it inherits the 
 *  * background-color and color (for the icon fill) from the parent selectors 
 *   * (.m-icon-button.filled.in-share).
 *    */
.m-icon-button.in-share.bluesky-btn {
	  /* Inherits theme background and icon color */
}

.m-icon-button.in-share.bluesky-btn:hover {
	  /* Inherits theme hover effects */
}

/* * This is the crucial part: styling the inline SVG to ensure it displays 
 *  * correctly in place of a standard font icon.
 *   */
.m-icon-button.in-share.bluesky-btn svg {
	display: inline-block;
	vertical-align: middle;
	width: 1em;  /* Matches the size of the font icons (e.g., .icon-facebook) */
	height: 1em; /* Matches the size of the font icons */