footer { width: calc(100vw - 40px); display: flex; justify-content: space-between; align-items: center; color: var(--header_primary); background-color: var(--header_background); position: fixed; bottom: 0; left: 0; right: 0; bottom: 0; height: 75px; padding: 0 20px; } .topic-list-bottom { display: none; } #main-outlet-wrapper { margin-bottom: 85px; } #show-socials-button { background: none; border: none; cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer; color: var(--header_primary); font-size: 1rem; } #show-socials-button > i { font-size: 1.5rem; } #social-list { position: absolute; bottom: 75px; left: 0; right: 0; width: 100vw; max-width: 400px; padding: 10px; background-color: var(--header_background); color: var(--header_primary); border-radius: 10px; border: 1px solid var(--header_primary); display: none; z-index: 1000; } .social-list-item { padding: 10px; } .social-list-item > a { display: flex; align-items: center; justify-content: space-between; text-decoration: none; } .social-list-divider { border: 0.5px solid var(--header_primary); } .social-list-item:hover { background-color: var(--header_primary); color: var(--header_background); }