:root {
    --gray-40: #e0e0e0;
    --black: #1c1c1c;
    --red: #ed131c;
    --red-dark: #DE040D;
    --transition: all .2s ease-in-out;
}

/*
[class*="button-mini-"] {
    display: flex !important;
    width: auto !important;
}
*/

.button-mini-primary .tn-atom {
    background-color: var(--red) !important;
    transition: var(--transition) !important;
}

.button-mini-primary:hover .tn-atom {
    background-color: var(--red-dark) !important;
    transition: var(--transition) !important;
}

.button-mini-secondary .tn-atom {
    border: 1px solid var(--gray-40) !important;
    background-color: transparent !important;
    transition: var(--transition) !important;
}

.button-mini-secondary:hover .tn-atom {
    border-color: var(--gray-40);
    background-color: var(--gray-40) !important;
    transition: var(--transition) !important;
}

.button-mini-secondary .tn-atom .tn-atom__button-content {
    column-gap: 4px !important;
    padding: 5px 10px 4px 10px !important;
}

.text-link-footer .tn-atom{
    transition: var(--transition) !important;
}

.text-link-footer:hover .tn-atom{
    color: var(--black);
    opacity: 1 !important;
    transition: var(--transition) !important;
}

@media screen and (min-width: 1920px) {
    .button-mini-secondary .tn-atom {
        border: 0.5px solid var(--gray-40) !important;
    }
}