54 lines
1.1 KiB
CSS
54 lines
1.1 KiB
CSS
.gh-cta {
|
|
margin-top: clamp(10rem, 11.36vw + 3.45rem, 16rem);
|
|
}
|
|
|
|
.gh-cta-inner {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding-top: clamp(4.8rem, 3.64vw + 3.35rem, 8rem);
|
|
padding-bottom: clamp(4.8rem, 3.64vw + 3.35rem, 8rem);
|
|
text-align: center;
|
|
}
|
|
|
|
.gh-cta-title {
|
|
font-size: calc(clamp(2.4rem, 1.36vw + 1.85rem, 3.6rem) * var(--font-multiplier, 1));
|
|
}
|
|
|
|
.is-font-serif .gh-cta-title {
|
|
font-family: var(--font-serif);
|
|
}
|
|
|
|
.gh-cta-input {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
max-width: 480px;
|
|
height: 52px;
|
|
padding: 0 4px 0 20px;
|
|
line-height: 1;
|
|
color: var(--color-secondary-text);
|
|
cursor: pointer;
|
|
background-color: var(--color-border);
|
|
border: 0;
|
|
border-radius: 32px;
|
|
}
|
|
|
|
.gh-cta-title + .gh-cta-input {
|
|
margin-top: 32px;
|
|
}
|
|
|
|
.gh-cta-input span {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: calc(100% - 8px);
|
|
padding: 0 16px;
|
|
font-weight: 600;
|
|
line-height: 1;
|
|
color: #fff;
|
|
background-color: var(--ghost-accent-color);
|
|
border-radius: 32px;
|
|
}
|