CTA Buttony
CSS styl pro primární a sekundární buttony pro webové projekty a bannery. V „default“ a „hover“ verzi.
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 #007a45;
border-right: 4px solid #007a45;
border-bottom: 2px solid #007a45;
border-left: 4px solid #007a45;
background: #00663a;
}
.cta-primary-button:hover {
background: #1D1D1B;
border: 0;
}
/CTA secondary button/
.cta-secondary-button {
color: #134383;
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 #00a6e2;
background: #FFFFFF;
}
.cta-secondary-button:hover {
background: #1D1D1B;
color: #FFFFFF;
border: 0;