.cudlik {
    padding: 0.75em 1em;
    margin: 15px 0 35px;
    font-weight: 700;
    font-size: 1.7rem;
    line-height: 1.5;
    border-radius: 25px;
    max-width: 85%;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-grid-column-align: center;
        justify-self: center;
    gap: 15px;
}

.cudlikdiv {
    text-align: center;
    display: -ms-grid;
    display: grid;
}

.cudliksvgallfialovy > svg {
    max-height: 52px;
    width: 41px;
    vertical-align: middle;
    margin-right: 15px;
    fill: white;
    }
    
.cudlikfialovy {
    background-color:#951b81;
    color:#fff !important;
    -webkit-box-shadow: 0px 5px 10px -5px #951b81;
            box-shadow: 0px 5px 10px -5px #951b81
    }
    
.cudlik:hover {
    opacity:0.85; 
    -webkit-transform: scale(1.05); 
        -ms-transform: scale(1.05); 
            transform: scale(1.05);
    } 
    
@media screen and (max-width: 768px) {
    .cudliksvgallfialovy > svg {height: 37px; max-width:43px;}
    .cudlik {
    font-size: 1.5rem;
    max-width: 90%;
    }}