@font-face {
    font-family: 'HelveNueThin';
    src: local('HelveNueThin'),
        url('../../HelveNueThin.woff2') format('woff2'),
        url('../../HelveNueThin.woff') format('woff'),
        url('../../HelveNueThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

.rrss-space {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}


.rrss-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: black;
}

.h3-fix {
    font-weight: 500;
    letter-spacing: 0;
}

.cf {
    font-family: "HelveNueThin", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
}

.last-o {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: 50;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #b19c73; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 50px; /* Rounded corners */
    /* font-size: 18px; Increase font size */
  }
  
  #myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
  }