.ToolButton {
    position: relative;

    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;

    aspect-ratio: 1;
    background-color: #333;
    font-size: 15px;
    padding: 15px;

    outline: 0px solid #333;
    outline-offset: 0px;

    transition: font-size 0.2s ease, outline 0.2s ease, outline-offset 0.2s ease;
    border-radius: 30px;

    text-decoration: none;
}

.ToolButton:hover {
    outline-color: #79bd70ff;
    font-size: 35px;
    outline-width: 15px;
    outline-offset: -15px;
}

.ToolButton:active {
    outline-color: #08544aff;
}

.ToolOverlay {
    pointer-events: none;
}

.FDMlogoImage {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95%; 
    height: 95%;
    object-fit: contain;
    transform: translate(-50%, -50%);
    border-radius: calc(30px - 2.5%);
    z-index: 1;
    transition: filter 0.2s ease;
}

.ToolButton:hover .FDMlogoImage {
    filter: brightness(50%) contrast(150%);
}

.FDMlogoText {
    color: #79bd70;
    font-weight: bold;
    z-index: 2;
}

#tools {
    display: grid; 
    grid-template-columns: 1fr 2fr;
    gap: 10px;
    padding: 10px;
    justify-content: center; 
}