/* Style - www.netbax.net © January 2025 - Autor by Chris Bax - net@netbax.net */
.button {
 text-align: center;
border: 1px solid transparent;
width: 50px;
    height: 50px;
    padding: 0; 
border-radius: 4px;
cursor: pointer;}

.buttonr {
 text-align: center;
border: 1px solid transparent;
width: 50px;
    height: 50px;
    padding: 0; 
border-radius: 50px; 
cursor: pointer;
}


.twi {
  background: #2caae1;
  color: #ffffff; }
  .twi:hover, .twi:focus {
    background: #1b8dbf;
    color: #ffffff; }
  

.face {
  background: #3b579d;
  color: #ffffff; }
  .face:hover, .face:focus {
    background: #2d4278;
    color: #ffffff; }



.you {
  background: #e52d27;
  color: #ffffff; }
  .you:hover, .you:focus {
    background: #c21d17;
    color: #ffffff; }




.google {
  background: #dc4a38;
  color: #ffffff; }
  .google:hover, .google:focus {
    background: #bf3322;
    color: #ffffff; }
 



.linkedin {
  background: #0177b5;
  color: #ffffff; }
  .linkedin:hover, .linkedin:focus {
    background: #015682;
    color: #ffffff; }




.pinterest {
  background: #cc2127;
  color: #ffffff; }
  .pinterest:hover, .pinterest:focus {
    background: #a01a1f;
    color: #ffffff; }



.facet{
  color: #3b579d;
  background-color: transparent;
  border-color: #3b579d; }
  
.facet:hover{
    color: #fff;
     background: #3b579d;
    border-color: #3b579d; }
 
.facet:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 144, 231, 0.5);}
  


.yout {
  color: #e52d27;
background-color: transparent;
  border-color: #e52d27; }
.yout:hover {
    color: #fff;
    background-color: #e52d27;
    border-color: #e52d27; }
.yout:focus {
    box-shadow: 0 0 0 0.2rem rgba(199, 204, 207, 0.5); }
  
.twit {
  color: #2caae1;
background-color: transparent;
  border-color: #2caae1; }
.twit:hover {
    color: #fff;
    background-color: #2caae1;
    border-color: #2caae1; }
.twit:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 217, 116, 0.5);}

.googlet {
  color: #dc4a38;
background-color: transparent;
  border-color: #dc4a38; }
.googlet:hover {
    color: #fff;
    background-color: #dc4a38;
    border-color: #dc4a38; }
.googlet:focus {
    box-shadow: 0 0 0 0.2rem rgba(252, 94, 101, 0.5);}

.linkedint {
  color: #0177b5;
background-color: transparent;
  border-color: #0177b5; }
.linkedint:hover {
    color: #fff;
    background-color: #0177b5;
    border-color: #0177b5; }
.linkedint:focus {
    box-shadow: 0 0 0 0.2rem rgba(160, 119, 235, 0.5);}
 
.pinterestt {
  color: #cc2127;
background-color: transparent;
  border-color: #cc2127; }
.pinterestt:hover {
    color: #fff;
    background-color: #cc2127;
    border-color: #cc2127; }
.pinterestt:focus{
box-shadow: 0 0 0 0.2rem rgba(222, 151, 6, 0.5); }