[data-template] {
    
    --wrapper-size: 1560px;
    --gap-size: 16px;
    --border-radius: 20px;

    --color-hover: linear-gradient(
        0deg, 
        rgba(0, 0, 0, 0.20) 0%, 
        rgba(0, 0, 0, 0.20) 100%
    );

}

@media only screen and (max-width: 1440px) {

    [data-template] {
        --border-radius: 16px;
    }
    
}

@media only screen and (max-width: 1024px) {

    [data-template] {
        --border-radius: 14px;
    }

}