.module-component-proizvoditeli-blocks-catalog-style-1 .card {
    text-align: center;
}

.module-component-proizvoditeli-blocks-catalog-style-1 .card .img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    background: var(--white-100);
    border-radius: var(--spacing-32);
    position: relative;
}

.module-component-proizvoditeli-blocks-catalog-style-1 .card .img img {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: auto;
    max-width: 70%;
    max-height: 70%;
}

.module-component-proizvoditeli-blocks-catalog-style-1 .card button {
    width: 100%;
}

@media (max-width: 1023px) {
    .module-component-proizvoditeli-blocks-catalog-style-1 .cards {gap: var(--spacing-24);}
    .module-component-proizvoditeli-blocks-catalog-style-1 .card {gap: var(--spacing-12);}
    .module-component-proizvoditeli-blocks-catalog-style-1 .card .img {border-radius: var(--radius-20);}
    .module-component-proizvoditeli-blocks-catalog-style-1 .card button {padding: var(--spacing-12);}
}

@media (min-width: 1024px) {
    .module-component-proizvoditeli-blocks-catalog-style-1 .card button.outline.primary {
        width: 100%;
        transform: translateY(100%);
        opacity: 0;
        transition: var(--transition-fast);
    }

    .module-component-proizvoditeli-blocks-catalog-style-1 .card:hover button.outline.primary {
        transform: translateY(0);
        opacity: 1;
    }
}