.action__main__item_image {
    position: relative;
}

@media (max-width: 575.98px) {
    .action__main__item_image {
        width: 45vw;
        max-width: 175px;
    }
}

@media (min-width: 768px) {
    .action__main__item_image:hover > a {
        position: relative;
        display: block;
        z-index: 1;
    }

    .action__main__item_image:hover > a:before {
        position: absolute;
        display: block;
        z-index: 2;
        content: "";
        bottom: 0;
        left: 0;
        height: 40%;
        width: 100%;
        background: #000000;
        background: linear-gradient(0deg,rgba(0, 0, 0, 1) -30%, rgba(0, 0, 0, 0) 100%);
    }

    .action__main__item .col-auto:has(.action__main__item_image:hover) + .col .action__main__item_name a {
        color: var(--color-primary);
    }

    .action__main__item .col-auto:has(.action__main__item_image:hover) + .col .action__main__item_brand a {
        color: var(--color-primary-hover);
    }
}

.action__main__item_btn {
    position: absolute;
    left: 50%;
    bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    transform: translateX(-50%);
}

.action__main__item_name a,
.action__main__item_name a:link,
.action__main__item_name a:visited {
    color: var(--bs-body-color);
}

.action__main__item_name a:hover,
.action__main__item_name a:active {
    color: var(--color-primary);
}

.action__main__item.section__straumann .action__main__item_brand,
.action__main__item.section__bio .action__main__item_brand,
.action__main__item.section__digital .action__main__item_brand {
    --color-primary: #46B98C;
    --color-primary-hover: #6BC7A3;
}

.action__main__item.section__anthogyr .action__main__item_brand {
    --color-primary: #314772;
    --color-primary-hover: #162040;
}

.action__main__item.section__medentika .action__main__item_brand {
    --color-primary: #F7403A;
    --color-primary-hover: #D52B1E;
}