You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
1.7 KiB
102 lines
1.7 KiB
4 months ago
|
.newsletter {
|
||
|
|
&__area {
|
||
|
|
background-color: var(--main-color-one);
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
.sec-subtitle {
|
||
|
|
margin-bottom: 25px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&__left {
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
|
||
|
|
@media #{$md} {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
img {
|
||
|
|
@media #{$lg} {
|
||
|
|
max-width: 400px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&__right {
|
||
|
|
padding-left: 70px;
|
||
|
|
|
||
|
|
@media #{$md} {
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sec-subtitle {
|
||
|
|
color: var(--black-2);
|
||
|
|
|
||
|
|
span {
|
||
|
|
-webkit-text-stroke: 2px var(--black-2);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
form {
|
||
|
|
position: relative;
|
||
|
|
margin-top: 20px;
|
||
|
|
|
||
|
|
@media #{$sm} {
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type="email"] {
|
||
|
|
font-size: 20px;
|
||
|
|
padding: 20px 25px;
|
||
|
|
border: none;
|
||
|
|
outline: none;
|
||
|
|
width: 100%;
|
||
|
|
font-weight: 600;
|
||
|
|
color: var(--gray-3);
|
||
|
|
padding-right: 200px;
|
||
|
|
border-radius: 60px;
|
||
|
|
@media #{$lg} {
|
||
|
|
padding-right: 50px;
|
||
|
|
}
|
||
|
|
@media #{$md} {
|
||
|
|
padding-right: 200px;
|
||
|
|
}
|
||
|
|
@media #{$sm} {
|
||
|
|
font-size: 18px;
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
&::placeholder {
|
||
|
|
color: var(--gray-3);
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.submit {
|
||
|
|
position: absolute;
|
||
|
|
right: 5px;
|
||
|
|
top: 5px;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 600;
|
||
|
|
text-transform: uppercase;
|
||
|
|
background-color: var(--black-2);
|
||
|
|
padding: 20px 30px;
|
||
|
|
border: none;
|
||
|
|
outline: none;
|
||
|
|
color: var(--white);
|
||
|
|
letter-spacing: 1.6px;
|
||
|
|
border-radius: 60px;
|
||
|
|
&:before {
|
||
|
|
border-radius: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media #{$sm} {
|
||
|
|
padding: 18px 15px;
|
||
|
|
position: relative;
|
||
|
|
top: 5px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|