/* Other contact options, buttons with image icon */
.other-contact-buttons-container {
    text-align: center; /* Center align the content */
    text-decoration: none;
    padding-top: 20px; /* Add some padding */
    padding-bottom: 20px;
    margin-top: 16px;
    margin-bottom: 16px;
    border: none;
}

.contact-option-icon {
    width: 28px; /* Set the icon size */
    text-decoration: none;
    border: solid 1px;
    border-color: #131313;
    filter: brightness(1.0);
    border-radius: 12px;
    height: auto;
    padding: 10px;
    margin-right: 20px; /* Add some space around the icons */
    margin-left: 20px;
    opacity: 0.3;
    scale: 1.0;
    transition: filter 0.6s ease, scale 0.6s ease, opacity 0.3s ease;
    cursor: pointer; /* Change the cursor to indicate it's clickable */
}

.contact-option-icon:hover {
    filter: grayscale(100%) brightness(0.8) contrast(1.2);
    opacity: 1;
    scale: 1.05;
}