File: D:/HostingSpaces/SBogers10/umans.komma.pro/wwwroot/css/partials/_offerBlock.sass
.offer-block
max-width: 350px
width: 100%
+transition(all 0.7s)
h5
+font-semi-bold(18px, 24px)
margin: 0 0 20px
.selectric-wrapper
width: 100%
margin-bottom: 35px
.hidden-inputs
margin-top: 0
opacity: 1
position: relative
+transition(all 0.5s)
&.non-active
margin-top: -225px
opacity: 0
z-index: -10
label
+font-light(18px)
width: 85px
display: inline-block
color: $fontColor2
.form-label
margin-bottom: 10px
input, textarea
width: calc(100% - 85px)
border: none
border-bottom: 1px solid $greyBackground
padding: 6px 0
+font-default(15px, 19px)
color: $fontColor1
outline: 0 !important
display: inline-block
margin-bottom: 28px
background: none
&:-webkit-autofill
background: none!important
background-color: transparent !important
-webkit-box-shadow: 0 0 0px 1000px white inset
&.alert
border-bottom: 1px solid $highLightRed
&:focus
outline: 0 !important
textarea
width: 100%
border: 1px solid $greyBackground
margin-bottom: 10px
padding: 6px
box-sizing: border-box
resize: vertical
.submit-button
width: calc(100% - 16%)
border-radius: 9999px
background-color: $neonGreen
height: 50px
+flex(space-between, center)
padding: 0 8%
color: white
+font-bold(18px, 18px)
margin-bottom: 115px
cursor: pointer
transition: all 0.3s
&:hover
background: darken($neonGreen, 5%)
&:active
background: darken($neonGreen, 8%)
span
display: block
+sprite(-300px -27px, 19px, 12px)
+transform(scale(1.1))
h5.alert
+font-semi-bold(14px, 21px)
color: $highLightRed
.thank-you
opacity: 0
margin: 0
height: 0
font-weight: 400
overflow: hidden
+transition(all 0.4s)
&.active
opacity: 1
height: 140px
.isolation
.offer-block
.submit-button
background: lighten($fontBlue, 3%)
&:hover
background: darken($fontBlue, 5%)
&:active
background: darken($fontBlue, 8%)
+media-query(400px)
.offer-block .submit-button
font-size: 15px