Skip to Content

CSS File

URL: https://popartstudio.ru/wp-content/themes/woodmart/css/parts/el-button.min.css
HTTP Status: 200 OK
MIME Type: text/css
Last Modified: Mon, 22 Dec 2025 18:11:51 GMT
Download Time: Less than a second
Cookies: None
Size: 3 KB
Rules: 24 style rules
Imports: 0 stylesheets
HTTP Headers:  7 headers
Links In:  1 pages
Links Out:  0 links
Images:  0 images
CSS:  0 files
JavaScript:  0 files
OK Issues: No issues found

1.btn-color-primary{--btn-color: #fff;--btn-color-hover: #fff;--btn-bgcolor: var(--wd-primary-color);--btn-bgcolor-hover: var(--wd-primary-color);--btn-brd-color: var(--wd-primary-color);--btn-brd-color-hover: var(--wd-primary-color);--btn-box-shadow-hover: inset 0 0 0 1000px rgba(0,0,0,0.1)}

2.btn-color-primary.btn-style-bordered{--btn-color: var(--wd-primary-color)}

3.btn-color-primary.btn-style-link{--btn-color: var(--color-gray-800);--btn-color-hover: var(--color-gray-500)}

4.btn-color-alt{--btn-color: #fff;--btn-color-hover: #fff;--btn-bgcolor: var(--wd-alternative-color);--btn-bgcolor-hover: var(--wd-alternative-color);--btn-brd-color: var(--wd-alternative-color);--btn-brd-color-hover: var(--wd-alternative-color);--btn-box-shadow-hover: inset 0 0 0 1000px rgba(0,0,0,0.1)}

5.btn-color-alt.btn-style-bordered{--btn-color: var(--wd-alternative-color)}

6.btn-color-alt.btn-style-link{--btn-color: var(--color-gray-800);--btn-color-hover: var(--color-gray-500)}

7.btn-color-black{--btn-color: #fff;--btn-color-hover: #fff;--btn-bgcolor: #212121;--btn-bgcolor-hover: #212121;--btn-brd-color: #212121;--btn-brd-color-hover: #212121;--btn-box-shadow-hover: inset 0 0 0 1000px rgba(0,0,0,0.1)}

8.btn-color-black.btn-style-bordered{--btn-color: #333}

9.btn-color-black.btn-style-link{--btn-color: var(--color-gray-800);--btn-color-hover: var(--color-gray-500)}

10.btn-color-white{--btn-color: #333;--btn-color-hover: #333;--btn-bgcolor: #fff;--btn-bgcolor-hover: #fff;--btn-brd-color: rgba(255,255,255,0.5);--btn-brd-color-hover: #fff;--btn-box-shadow-hover: inset 0 0 0 1000px rgba(0,0,0,0.1)}

11.btn-color-white.btn-style-bordered{--btn-color: #fff}

12.btn-color-white.btn-style-link{--btn-color: #fff;--btn-color-hover: #fff}

13.btn.btn-style-3d{--btn-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);--btn-box-shadow-hover: inset 0 -2px 0 rgba(0,0,0,0.15)}

14.btn.btn-style-3d:active{box-shadow:none;top:1px}

15.btn.btn-style-bordered{--btn-bgcolor: transparent;--btn-brd-width: 2px;--btn-box-shadow-hover: none}

16.btn.btn-style-link{--btn-bgcolor: transparent;--btn-bgcolor-hover: transparent;--btn-brd-width: 2px;--btn-box-shadow-hover: none;--btn-height: none;--btn-padding: 0;border-top:0;border-inline:0}

17.btn-size-extra-small{--btn-padding: 5px 10px;--btn-height: 28px;--btn-font-size: 11px}

18.btn-size-small{--btn-padding: 5px 14px;--btn-height: 36px;--btn-font-size: 12px}

19.btn-shape-round,.btn-style-round{--btn-brd-radius: 35px}

20.btn-shape-semi-round,.btn-style-semi-round{--btn-brd-radius: 5px}

21.btn-icon-pos-left{flex-direction:row-reverse}

22.btn-icon-pos-right{flex-direction:row}

23@media (min-width: 1025px){.btn-size-large{--btn-padding: 5px 28px;--btn-height: 48px;--btn-font-size: 14px}

24.btn-size-extra-large{--btn-padding: 5px 40px;--btn-height: 56px;--btn-font-size: 16px}

25}

26