/***********
*************** SOCIAL
*****************************************/

/*************************************************************         SOCIAL PANEL          ********************/

/* #region SOCIAL PANEL */

.panel{
  padding: 16px;
  border-radius: 22px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.035);
}



/* #endregion SOCIAL PANEL */


/*************************************************************         SOCIAL GRID          ********************/

/* #region SOCIAL GRID */

.social-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin-top: 10px;
}



/* #endregion SOCIAL GRID */


/*************************************************************         SOCIAL LINK          ********************/

/* #region SOCIAL LINK */

/*==========================================================================
|                            SOCIAL LINK INACTIVE                          |
==========================================================================*/

.social{
  padding: 12px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  text-align: center;
}

/*==========================================================================
|                            SOCIAL LINK ON MOUSE HOVER                    |
==========================================================================*/

.social:hover{
  text-decoration: none;
  border-color: rgba(212,175,55,0.32);
}



/* #endregion SOCIAL LINK */