.main_button {
        border: 1px solid var(--black);
        background-color: transparent;
        width: fit-content;
        min-width: 120px;
        height: 40px;
    }

    .main_button:hover {
        border: 1px solid var(--black);
    }

    .hovermode .main_button_span {
        position: relative;
        /* display: inline-block; */
    }

    .main_button_span {
        font-family: SoletoTK_W_lt;
        color: var(--black);
        font-size: 16px;
        /* margin-left: 10px; */
        /* display: inline-block; */
        /* margin-bottom: 2px; */
        /* cursor: pointer; */
    }

    .hovermode .main_button_span::after {
        content: "";
        position: absolute;
        width: 100%;
        bottom: 2px;
        height: 2px;
        background-color: var(--black);
        bottom: 0;
        left: 0;
        transform: scaleX(0);
        transform-origin: bottom left;
        transition: transform 0.3s linear;

    }

    .hovermode:hover .main_button_span::after {
        transform-origin: bottom left;
        transform: scaleX(1);
    }

    .main_button_img {
        height: 16px;
        /* padding-right: 10px; */
    }