CSS styl pro primarni a sekundarni buttony
Zobrazit
/CTA primary button/
.cta-primary-button {
display: inline-flex;
height: 54px;
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 8px;
color: #FFF;
text-align: center;
leading-trim: both;
text-edge: cap;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: 22px;
text-transform: uppercase;
border-radius: 27px;
border-top: 4px solid #A65564;
border-right: 4px solid #A65564;
border-bottom: 2px solid #A65564;
border-left: 4px solid #A65564;
background: #85434F;
}
.cta-primary-button:hover {
background: #8A7046;
border: 0;
}
/CTA secondary button/
.cta-secondary-button {
color: #8A7046;
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: „DM Sans“;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: 22px;
text-transform: uppercase;
border-radius: 27px;
border: 2px solid #BEA881;
background: #FFFFFF;
}
.cta-secondary-button:hover {
background: #8A7046;
color: #FFFFFF;
border: 0;