CSS styl pro primární a sekundární 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 #D1203B;
border-right: 4px solid #D1203B;
border-bottom: 2px solid #D1203B;
border-left: 4px solid #D1203B;
background: #AD142B;
}
.cta-primary-button:hover {
background: #1D1D1B;
border: 0;
}
/CTA secondary button/
.cta-secondary-button {
color: #AD142B;
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 #AD142B;
background: #FFFFFF;
}
.cta-secondary-button:hover {
background: #1D1D1B;
color: #FFFFFF;
border: 0;