Browse
For agents
About
Elementor Website Builder – more than just a page builder
/
4.0.2
Elementor Website Builder – more than just a page builder
v4.0.2
Switch version
4.3.0-beta3
4.3.0-beta2
4.3.0-beta1
4.2.4
4.2.3
4.2.2
4.2.1
4.2.0
4.1.5
4.2.0-beta2
4.2.0-dev2
4.2.0-beta1
4.1.4
4.1.3
4.1.2
4.1.1
4.1.0
4.1.0-beta3
4.1.0-dev3
4.0.9
4.1.0-beta2
4.1.0-dev2
4.0.8
4.1.0-beta1
4.1.0-dev1
All 452 releases
Overview
Code
elementor
/
assets
/
css
/
widget-contact-buttons-var-1.min.css
widget-contact-buttons-var-1.min.css
in Elementor Website Builder – more than just a page builder 4.0.2, at assets/css/widget-contact-buttons-var-1.min.css
1 lines
3.4 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
.
e-contact-buttons-var-1
{
--e-contact-buttons-button-bg
:
#
324a6d
;
--e-contact-buttons-button-bg-hover
:
#
1c2448
;
--e-contact-buttons-top-bar-bg
:
#
324a6d
;
--e-contact-buttons-message-bubble-name
:
#
1c2448
;
--e-contact-buttons-message-bubble-body
:
#
1c2448
;
--e-contact-buttons-message-bubble-time
:
#
1c2448
;
--e-contact-buttons-message-bubble-bubble-bg
:
#
c8d5dc
;
--e-contact-buttons-message-bubble-chat-bg
:
#
fff
;
--e-contact-buttons-contact-text
:
#
1c2448
;
--e-contact-buttons-var-1-size-small
:
26
px
;
--e-contact-buttons-var-1-size-medium
:
28
px
;
--e-contact-buttons-var-1-size-large
:
32
px
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact
{
align-items
:
center
;
background-color
:
var
(
--e-contact-buttons-chat-box-bg
)
;
display
:
flex
;
flex-direction
:
column
;
gap
:
20
px
;
justify-content
:
center
;
padding
:
0
20
px
20
px
}
.
e-contact-buttons-var-1
.
e-contact-buttons__message-bubble
{
background-color
:
var
(
--e-contact-buttons-chat-box-bg
)
;
padding
:
20
px
;
padding-inline-start
:
40
px
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-text
{
color
:
var
(
--e-contact-buttons-contact-text
)
;
font-size
:
20
px
;
font-weight
:
400
;
line-height
:
25
px
;
margin-bottom
:
0
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-links
{
display
:
flex
;
gap
:
12
px
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
{
align-items
:
center
;
background-color
:
var
(
--e-contact-buttons-contact-button-bg
)
;
border-radius
:
50
px
;
color
:
var
(
--e-contact-buttons-contact-button-icon
)
;
display
:
inline-flex
;
justify-content
:
center
;
transition
:
all
.3
s
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
svg
{
fill
:
var
(
--e-contact-buttons-contact-button-icon
)
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
:
focus
,
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
:
hover
{
background-color
:
var
(
--e-contact-buttons-contact-button-bg-hover
)
;
color
:
var
(
--e-contact-buttons-contact-button-icon-hover
)
;
transition
:
all
.3
s
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
:
focus
svg
,
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
:
hover
svg
{
fill
:
var
(
--e-contact-buttons-contact-button-icon-hover
)
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
.
has-size-small
{
height
:
var
(
--e-contact-buttons-icon-size-small
)
;
width
:
var
(
--e-contact-buttons-icon-size-small
)
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
.
has-size-small
svg
{
height
:
var
(
--e-contact-buttons-var-1-size-small
)
;
width
:
var
(
--e-contact-buttons-var-1-size-small
)
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
.
has-size-small
i
{
font-size
:
var
(
--e-contact-buttons-var-1-size-small
)
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
.
has-size-medium
{
height
:
var
(
--e-contact-buttons-icon-size-medium
)
;
width
:
var
(
--e-contact-buttons-icon-size-medium
)
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
.
has-size-medium
svg
{
height
:
var
(
--e-contact-buttons-var-1-size-medium
)
;
width
:
var
(
--e-contact-buttons-var-1-size-medium
)
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
.
has-size-medium
i
{
font-size
:
var
(
--e-contact-buttons-var-1-size-medium
)
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
.
has-size-large
{
height
:
var
(
--e-contact-buttons-icon-size-large
)
;
width
:
var
(
--e-contact-buttons-icon-size-large
)
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
.
has-size-large
svg
{
height
:
var
(
--e-contact-buttons-var-1-size-large
)
;
width
:
var
(
--e-contact-buttons-var-1-size-large
)
}
.
e-contact-buttons-var-1
.
e-contact-buttons__contact-icon-link
.
has-size-large
i
{
font-size
:
var
(
--e-contact-buttons-var-1-size-large
)
}
