{"version":3,"sources":["buttons.scss","buttons.css"],"names":[],"mappings":"A,AAsgCA,6BACC,E,CACC,kB,CAED,G,CACC,kB,CAED,E,CACC,kB,CACA,W,AATF,qBACC,E,CACC,kB,CAED,G,CACC,kB,CAED,E,CACC,kB,CACA,W,AAIF,oCACC,E,CAUA,E,CATC,kB,CAED,G,CACC,oB,CAED,G,CACC,mB,CACA,W,AATF,4BACC,E,CAUA,E,CATC,kB,CAED,G,CACC,oB,CAED,G,CACC,mB,CACA,W,AAOF,qBACC,E,CACC,W,CACA,S,CAED,G,CACC,S,CAED,E,CACC,W,CACA,W,AAIF,6BACC,E,CACC,W,CACA,S,CAED,G,CACC,S,CAED,E,CACC,W,CACA,W,AAIF,wBACC,E,CACC,a,CAED,E,CACC,qB,AALF,gBACC,E,CACC,a,CAED,E,CACC,qBA5jCF,I,CACC,oB,CACA,iB,CAEA,mB,CACA,kB,CACA,c,CACA,sB,CACA,c,CACA,qB,CACA,iB,CACA,S,CACA,oB,CACA,wB,CACC,W,CAMF,W,CACE,sD,CAGF,iB,CACE,uD,CAED,6B,CACC,uC,CAIF,gB,CACC,mD,CAGD,sB,CACE,oC,CAGF,c,CACE,yB,CAGF,O,CCdA,gB,CDgBC,oB,CAGD,kB,CACE,e,CAGF,kB,CACE,e,CAIA,oCADF,iB,CAEI,YAOJ,O,CACC,gB,CADD,O,CAAA,qB,CAiBA,S,CAAA,uB,CAZE,c,CALF,8B,CASE,e,CAQF,oB,CAjBA,kB,CAaE,e,CAIF,S,CACC,gB,CADD,gC,CASE,e,CAQF,S,CACC,gB,CAgBD,O,CAAA,qB,CAWA,uB,CAoCA,W,CAhEA,S,CAAA,uB,CAKE,c,CALF,gC,CASE,e,CATF,oB,CAaE,e,CAIF,O,CACC,iB,CAUD,gC,CAXA,8B,CAOE,gB,CAIF,S,CAEC,oB,CACA,e,CACA,c,CAJD,S,CAaA,S,CACC,iB,CADD,S,CAAA,uB,CAIE,c,CAJF,gC,CAOE,gB,CAIF,S,CACE,yB,CACA,c,CAGF,S,CAAA,uB,CACE,c,CAMF,S,CACE,c,CACA,iB,CAMF,O,CACC,iB,CADD,O,CAAA,qB,CAIE,c,CAJF,8B,CAOE,gB,CAIF,S,CACE,iB,CADF,S,CAAA,uB,CAKI,c,CALJ,gC,CAQE,gB,CAIF,O,CACC,iB,CADD,O,CAAA,qB,CAIE,c,CAJF,8B,CAOE,gB,CAMF,gB,CACC,U,CAGD,2B,CACC,iB,CACA,iB,CACA,S,CAIA,iB,CACC,kB,CAED,iB,CAAC,uC,CACE,kB,CAKH,iB,CAAC,uC,CACA,kB,CAKD,iB,CAAC,uC,CACA,kB,CAKD,gB,CAAC,sC,CACA,iB,CAKD,gB,CAAC,sC,CACA,e,CAQF,Q,CAIC,iB,CAJD,iB,CAEE,e,CAOA,wB,CAAA,8C,CACA,6B,CAFF,U,CAQE,e,CACA,U,CATF,iB,CAaE,iB,CACA,uB,CChFE,2B,CDmFD,c,CACA,gB,CAID,e,CAAA,gB,CAEC,iB,CAFD,sB,CAKC,iB,CACA,U,CACA,c,CACA,S,CAIA,iB,CAEG,2B,CACA,U,CACA,wB,CACA,O,CACA,0B,CANH,qB,CAAA,sB,CASA,c,CA3CH,8B,CAgDE,iB,CACA,O,CACA,U,CACA,0B,CACA,c,CACA,a,CACA,U,CACA,S,CAUF,W,CAEC,iB,CACA,e,CACA,0B,CACA,sC,CACA,iB,CACA,e,CACA,qB,CACA,gB,CATD,iB,CAYE,oB,CACA,+B,CAbF,W,CAAA,yB,CAiBE,c,CAjBF,6BAAA,a,CAqBE,c,CACA,c,CACA,e,CAvBF,sB,CA2BE,W,CACA,U,CACA,W,CACA,oC,CA9BF,6B,CAAA,8B,CAiCG,Y,CAwCD,0B,CAzEF,4B,CAqCG,sC,CArCH,kC,CAwCI,oC,CAxCJ,oC,CA6CG,iB,CACA,O,CACA,Q,CACA,8B,CCpHG,8C,CDuHF,a,CAnDJ,2C,CAuDI,gB,CACA,kB,CAxDJ,6B,CA6DM,U,CACA,W,CAKN,e,CACC,e,CACC,Q,CACD,kD,CACC,sB,CAEA,0B,CAKC,uB,CALF,oB,CCvHG,2B,CDuHF,4B,CAcC,4B,CAID,4E,CAIC,a,CAtBD,4B,CAkBD,yB,CClIG,gC,CDkIF,iC,CASC,uB,CAID,0B,CAIC,4C,CACA,U,CALF,oB,CCvIG,2B,CDuIF,4B,CAUC,4B,CA/CH,4B,CAoDE,gB,CClJE,sC,CDqJD,c,CACA,e,CAxDH,mC,CAAA,oC,CA4DE,iB,CCrJE,6C,CAAA,8C,CDwJD,c,CACA,kB,CCrJD,kD,CDqFF,mD,CCpFE,iD,CD4JI,kB,CACA,c,CC1JF,4D,CAAA,6D,CACsD,2D,CD4JlD,iB,CACA,e,CA7ER,sB,CAAA,uB,CAmFE,iB,CACA,U,CACA,U,CACA,M,CACA,e,CACA,+B,CACA,U,CACA,yB,CA1FF,uB,CA8FE,K,CACE,e,CA/FJ,sB,CAkGE,Q,CACE,a,CAnGJ,yB,CAuGE,oB,CACE,mB,CACA,qB,CACF,S,CACA,U,CACA,qC,CA5GF,qB,CAgHI,4B,CACF,yB,CACA,mB,CACE,U,CACF,4C,CApHF,6B,CAsHM,2B,CAtHN,4B,CAyHM,0B,CAzHN,+B,CA4HG,S,CACA,kB,CA7HH,gC,CAgIM,mE,CAhIN,sC,CAmIM,8D,CAnIN,qC,CAsIM,mE,CAtIN,2C,CAyIM,8D,CAKN,sB,CACC,Q,CACA,qC,CAsBD,mC,CAAA,oC,CAxBA,6B,CAAA,8B,CAKE,e,CACA,0B,CC7KA,sC,CDuKF,yD,CAYG,U,CAZH,gC,CAwBA,sC,CAAA,yD,CAAA,+D,CAxBA,mD,CAiBE,0B,CAOF,4B,CACC,Q,CAEA,uC,CAHD,kC,CAcI,qC,CAWJ,iC,CAEI,qB,CACF,U,CAIF,U,CACC,0B,CACA,e,CACA,Q,CACA,oC,CACA,iB,CACA,e,CACA,S,CAPD,sB,CAUE,iB,CACA,K,CACA,M,CACA,O,CACA,Q,CACA,qC,CACA,U,CAhBF,iB,CAAA,kB,CAgCE,U,CACA,iB,CACA,M,CACA,O,CAEA,Q,CACA,+B,CACA,oC,CACA,U,CAxCF,kB,CAwBE,K,CAxBF,iB,CAoCE,Q,CApCF,gB,CA4CE,oC,CC1ME,uB,CD8JJ,wB,CAgDG,U,CACA,sC,CAID,uB,CAAA,wB,CAEC,e,CAFD,4B,CAKC,iB,CALD,sB,CAQC,oC,CAeD,8B,CAZA,4B,CAQE,c,CACA,U,CC1MA,gD,CDyND,iD,CCjOC,2C,CDqND,4C,CC7NC,yC,CDiND,0C,CAGA,yB,CAHA,wC,CAMG,iB,CAkBH,+C,CAZA,0C,CAMG,iC,CAMJ,mC,CAQE,c,CACA,0B,CAqBJ,kD,CAtHA,qB,CAqGE,U,CArGF,4B,CAAA,6B,CAwGG,c,CAxGH,iC,CA2GG,8B,CAIA,2B,CAEG,gB,CAKN,qB,CACC,c,CACA,U,CACA,oC,CAHD,4C,CAYE,0B,CACA,c,CACA,kB,CACA,W,CACA,a,CACA,mB,CAIF,a,CAwCA,Q,CAGC,e,CACA,iB,CA5CD,a,CACC,+B,CAGA,uB,CAAA,oB,CAAA,e,CACC,Q,CAEA,S,CACA,Q,CACD,a,CAEC,yB,CALA,U,CCzOA,e,CDmOF,kB,CAcG,S,CACA,iB,CACA,mB,CAhBH,qB,CAwCA,a,CAOE,iB,CAQA,8B,CAvDF,qB,CAqBG,U,CAEA,a,CACA,Y,CACA,iB,CACA,kB,CACA,4E,CAEA,+B,CACA,S,CA9BH,mB,CAwCA,c,CAPI,U,CAjCJ,2B,CAoCG,a,CAIH,Q,CACC,U,CACA,kB,CAFD,a,CAQE,M,CACA,a,CACA,O,CACA,Q,CACA,iB,CACA,qC,CACA,uD,CAEA,U,CAhBF,mB,CAuBG,U,CACA,W,CAMH,U,CAAA,iB,CAkBE,+B,CAlBF,U,CACC,oB,CACA,W,CACA,iB,CACA,U,CAEA,iB,CACA,S,CACC,8B,CACE,6B,CATJ,iB,CAaE,iB,CACA,O,CACA,Q,CACA,S,CACA,U,CAEA,U,CAnBF,8B,CAqBG,sB,CArBH,8B,CAwBG,uB,CAxBH,8B,CA2BG,uB,CA3BH,8B,CA8BG,uB,CA9BH,8B,CAiCG,uB,CAjCH,8B,CAoCG,uB,CApCH,8B,CAuCG,uB,CAvCH,8B,CA0CG,uB,CA1CH,8B,CA6CG,uB,CA7CH,+B,CAgDG,uB,CAhDH,iB,CAAA,kB,CAsEE,U,CACA,iB,CACA,K,CACA,M,CACA,O,CACA,Q,CAEA,qC,CACA,iB,CACE,U,CA/EJ,kB,CA2DE,qB,CACA,U,CAoBE,qC,CAhBA,sC,CACA,6B,CAjEJ,iB,CA4EE,U,CASC,wB,CAEG,kB,CAvFN,gB,CA4FE,U,CA5FF,wB,CA8FG,6C,CAAA,qC,CA9FH,uB,CAiGG,yC,CAAA,iC,CAID,0B,CAEC,S,CACA,U,CACA,W,CACA,Y,CACA,kB,CAND,yB,CASC,S,CACA,U,CACA,W,CACA,Y,CAZD,gC,CAsBG,iC,CAND,0D,CAAA,kD,CAhBF,+B,CAsBG,gC,CAHD,sD,CAAA,8C,CAxHJ,Y,CAsIE,iB,CACA,O,CACA,Q,CACA,8B,CAGA,qB,CAIC,iB,CACA,M,CACA,O,CACA,K,CACA,Q,CACA,U,CACG,kB,CACH,e,CACG,yC,CACE,6B,CAbP,iB,CAAC,uB,CAqBD,gB,CAJE,e,CACA,0B,CAGD,uB,CAAA,wB,CAIU,qB,CAJV,sB,CAUC,e,CACA,0B,CAIF,a,CACC,c,CACA,U,CACA,W,CAGD,a,CACC,c,CACA,U,CACA,W,CAGD,e,CACC,c,CACA,U,CACA,W,CAGD,a,CAMA,a,CALC,c,CACA,U,CACA,W,CAGD,a,CAEC,U,CACA,W,CAGA,8B,CAEC,a,CACA,c,CACA,U,CACA,iB,CAnNH,wB,CAwNE,wB,CAuEF,c,CACE,iB,CACD,mB,CACC,iB,CACA,oB,CACA,kB,CACA,e,CACA,e,CACA,c,CACA,e,CACA,e,CACA,oB,CACE,uC,CACE,6B,CAXJ,wBAAA,M,CAcC,W,CAdD,yB,CAiBC,c,CAjBD,gC,CAoBC,qC,CApBD,8B,CAuBC,wB,CACA,0B,CAEA,uC,CA1BD,0B,CA6BC,iB,CACG,kC,CACH,c,CACA,e,CACA,mB,CACA,U,CACA,a,CACG,0B,CACA,e,CArCJ,wB,CAyCC,oB,CAzCD,+B,CA2CE,e,CACA,O,CA5CF,gC,CAAA,gC,CAiDC,wB,CAIF,mB,CACC,uB,CACA,sB,CACA,iB,CACA,e,CAGA,iC,CACC,8B,CACA,+B,CAFD,mC,CAAA,yC,CAAA,wC,CAAA,8C,CAKE,U,CAOF,+B,CACC,oB,CACA,e,CAFD,iC,CAAA,uC,CAAA,sC,CAAA,4C,CAKE,0B,CAxBF,+B,CAgCC,e,CAhCD,8B,CAmCC,kB,CAIF,kB,CACC,wB,CACA,mB,CACA,e,CACA,c,CACA,W,CACA,Q,CACA,Q,CACA,4B,CACA,sC,CACC,e,CAMF,sB,CACC,a,CACA,yBAFD,sB,CAGE,UAIF,yB,CACC,e,CACA,iB,CAEA,yBAJD,yB,CAKE,oB,AAGD,yBACC,+C,CACC,cAMJ,Y,CACC,qC,CACA,e,CACA,iB,CACA,e,CACA,Q,CALD,mB,CAQE,U,CACA,W,CACA,iB,CACA,a,CACA,6C,CACA,K,CACA,S,CACA,2B,CAfF,yB,CAoBG,M,CACA,Q,CAKH,gB,CACC,oB,CACA,e,CACA,W,CACA,kB,CACA,qB,CACA,iB,CACA,qB,CACA,kB,CACA,kB,CACC,gB,CAVF,wB,CAaE,iB,CACA,O,CACA,S,CACA,0B,CACA,U,CACA,W,CACA,iB,CACA,kB,CACA,qB,CAgBA,oC,CAdA,4C,CACC,6B,CAxBH,0B,CA4BG,iB,CACA,O,CACA,Q,CACA,8B,CACA,gB,CACA,kB,CAQF,sB,CACC,a,CACA,kB,CAGD,mB,CACC,W,CACA,gB,CAGD,oB,CACC,e,CAGD,oB,CACC,e,CAGD,sB,CAEC,oC,CACA,a,CAHA,8B,CAMC,qB,CAIF,qB,CACC,kC,CACA,U,CAFA,6B,CAKC,qC,CALD,+B,CAQE,U,CAKH,6B,CACC,qC,CACA,U,CACA,e,CAHA,mC,CAAA,oC,CAOC,U,CACA,iB,CACA,M,CACA,O,CACA,qC,CACA,U,CACA,S,CAbD,oC,CAiBC,S,CACA,kB,CAlBD,mC,CAsBC,Y,CACA,qB,CAvBD,mC,CA2BC,iB,CACA,S,CA5BD,mC,CAgCC,U,CAhCD,0C,CAmCE,K,CAnCF,yC,CAsCE,Q,CAtCF,oC,CAAA,mC,CA4CC,U,CA5CD,qC,CAgDC,U,CACA,W,CACA,+B,CACA,S,CAnDD,uC,CA2DA,wC,CALE,kB,CAKH,8B,CACC,qB,CACA,a,CACA,e,CAHA,oC,CAAA,qC,CAOC,U,CACA,iB,CACA,M,CACA,O,CACA,gC,CACA,U,CACA,S,CAbD,qC,CAiBC,S,CACA,kB,CAlBD,oC,CAsBC,Y,CACA,qB,CAvBD,oC,CA2BC,iB,CACA,S,CA5BD,oC,CAgCC,a,CAhCD,2C,CAmCE,K,CAnCF,0C,CAsCE,Q,CAtCF,qC,CAAA,oC,CA4CC,a,CA5CD,sC,CAgDC,U,CACA,W,CACA,+B,CACA,S,CAQD,4B,CACE,4B,CACA,e,CACA,U,CACA,sC,CAJD,oC,CAOG,qB,CAPH,sC,CAUK,0B,CAVL,kC,CAeG,U,CACA,yB,CAKJ,0B,CACE,e,CACA,iB,CAFD,kC,CAKG,U,CACA,Q,CAIJ,2B,CACE,kB,CACA,c,CAGF,wB,CACE,iB,CACA,kB,CACA,iB,CAIJ,oB,CACC,iB,CACA,Q,CACA,Q,CACA,6B,CACA,Q,CAGD,W,CACC,gB,CACA,+C,CAFD,iB,CAKE,8B,CCncA,kB,CD8bF,mB,CAUE,wB,CACA,kB,CACA,sB,CAZF,iB,CAiBE,iB,CAjBF,a,CAqBI,2B,CACF,O,CACA,U,CACA,wB,CACA,0B,CAzBF,iB,CAAA,oB,CA4BG,gC","file":"../buttons.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n/*\r\n* Buttons\r\n* ================ */\r\n\r\n// Base\r\n.btn {\r\n\tdisplay: inline-block;\r\n\ttext-align: center;\r\n\t// line-height: 1;\r\n\tline-height: inherit;\r\n\twhite-space: nowrap;\r\n\tmax-width: 100%;\r\n\ttext-overflow: ellipsis;\r\n\tcursor: pointer;\r\n\tvertical-align: middle;\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\ttext-decoration: none;\r\n\ttext-transform: uppercase;\r\n  margin: 10px;\r\n  .brk-bordered-theme & {\r\n    border-radius: var(--b-radius);\r\n  }\r\n}\r\n\r\n.btn-shadow {\r\n  box-shadow: 0 5px 10px -2px var(--brk-base-1) !important;\r\n}\r\n\r\n.btn-shadow-small {\r\n  box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), .5);\r\n\r\n\t.brk-safari & {\r\n\t\tbox-shadow: 0 5px 16px var(--brk-base-6);\r\n\t}\r\n}\r\n\r\n.btn-dark-shadow {\r\n\tbox-shadow: 0 5px 10px -2px rgba(0,0,0, .4) !important;\r\n}\r\n\r\n.btn-dark-shadow-small {\r\n  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.btn-no-shadow {\r\n  box-shadow: none !important;\r\n}\r\n\r\n.invert,\r\n.invert .bsk-btn {\r\n\tcolor: $white !important;\r\n}\r\n\r\n.btn-min-width-200{\r\n  min-width: 200px;\r\n}\r\n\r\n.btn-min-width-110{\r\n  min-width: 110px;\r\n}\r\n\r\n.btn-xs-max-width{\r\n  @media #{$sm-max}{\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n\r\n\r\n/* SIZES BTN */\r\n.btn-sm {\r\n\tpadding: 4px 22px;\r\n\tfont-size: 13px;\r\n\r\n\ti.icon-inside {\r\n\t\tfont-size: 13px;\r\n\t}\r\n\r\n\t&.btn-inside-out > .before {\r\n\t\tpadding-top: 4px;\r\n\t}\r\n\r\n\t&.btn-simple {\r\n\t\tmin-width: 130px;\r\n\t}\r\n}\r\n\r\n.btn-sm-1 {\r\n\tpadding: 8px 26px;\r\n\tfont-size: 13px;\r\n\r\n\ti.icon-inside {\r\n\t\tfont-size: 13px;\r\n\t}\r\n\r\n\t&.btn-inside-out > .before {\r\n\t\tpadding-top: 8px;\r\n\t}\r\n\r\n\t&.btn-simple {\r\n\t\tmin-width: 130px;\r\n\t}\r\n}\r\n\r\n.btn-sm-2 {\r\n\tpadding: 7px 22px;\r\n\tfont-size: 14px;\r\n\r\n\ti.icon-inside {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t&.btn-inside-out > .before {\r\n\t\tpadding-top: 7px;\r\n\t}\r\n\r\n\t&.btn-simple {\r\n\t\tmin-width: 110px;\r\n\t}\r\n}\r\n\r\n.btn-md {\r\n\tpadding: 10px 33px;\r\n\tfont-size: 14px;\r\n\ti.icon-inside {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t&.btn-inside-out > .before {\r\n\t\tpadding-top: 10px;\r\n\t}\r\n}\r\n\r\n.btn-md-1 {\r\n\tpadding: 10px 33px;\r\n\tletter-spacing: 3.5px;\r\n\tmin-height: 44px;\r\n\tfont-size: 14px;\r\n\ti.icon-inside {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t&.btn-inside-out > .before {\r\n\t\tpadding-top: 10px;\r\n\t}\r\n}\r\n\r\n.btn-md-2 {\r\n\tpadding: 10px 33px;\r\n\tfont-size: 16px;\r\n\ti.icon-inside {\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t&.btn-inside-out > .before {\r\n\t\tpadding-top: 12px;\r\n\t}\r\n}\r\n\r\n.btn-md-3 {\r\n  padding: 9px 22px 9px 26px;\r\n  font-size: 14px;\r\n}\r\n\r\n.btn-md-4 {\r\n  font-size: 12px;\r\n  i.icon-inside {\r\n\t\tfont-size: 12px;\r\n\t}\r\n}\r\n\r\n.btn-md-5 {\r\n  font-size: 10px;\r\n  padding: 12px 33px;\r\n  i {\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n.btn-lg {\r\n\tpadding: 15px 33px;\r\n\tfont-size: 16px;\r\n\ti.icon-inside {\r\n\t\tfont-size: 16px;\r\n\t}\r\n\t&.btn-inside-out > .before {\r\n\t\tpadding-top: 15px;\r\n  }\r\n}\r\n\r\n.btn-lg-1 {\r\n  padding: 13px 33px;\r\n  font-size: 12px;\r\n\r\n  i.icon-inside {\r\n    font-size: 12px;\r\n  }\r\n  &.btn-inside-out > .before {\r\n\t\tpadding-top: 13px;\r\n  }\r\n}\r\n\r\n.btn-xl {\r\n\tpadding: 17px 42px;\r\n\tfont-size: 19px;\r\n\ti.icon-inside {\r\n\t\tfont-size: 19px;\r\n\t}\r\n\t&.btn-inside-out > .before {\r\n\t\tpadding-top: 17px;\r\n\t}\r\n}\r\n/* SIZES BTN */\r\n\r\n\r\n.btn__full_width {\r\n\twidth: 100%;\r\n}\r\n\r\n.btn [class*=\"fa-\"].icon-left {\r\n\tmargin: 0 0 0 10px;\r\n\tposition: relative;\r\n\tz-index: 3;\r\n}\r\n\r\n.border-radius {\r\n\t&-50 {\r\n\t\tborder-radius: 50px;\r\n\t}\r\n\t&-30 {\r\n    border-radius: 30px;\r\n\t\t&.btn-prime .border-btn {\r\n\t\t\tborder-radius: 30px;\r\n\t\t}\r\n\t}\r\n\t&-25 {\r\n\t\tborder-radius: 25px;\r\n\t\t&.btn-prime .border-btn {\r\n\t\t\tborder-radius: 25px;\r\n\t\t}\r\n\t}\r\n\t&-10 {\r\n\t\tborder-radius: 10px;\r\n\t\t&.btn-prime .border-btn {\r\n\t\t\tborder-radius: 10px;\r\n\t\t}\r\n\t}\r\n\t&-5 {\r\n\t\tborder-radius: 5px;\r\n\t\t&.btn-prime .border-btn {\r\n\t\t\tborder-radius: 5px;\r\n\t\t}\r\n\t}\r\n\t&-0 {\r\n\t\tborder-radius: 0;\r\n\t\t&.btn-prime .border-btn {\r\n\t\t\tborder-radius: 0;\r\n\t\t}\r\n  }\r\n}\r\n\r\n// Btn Styles\r\n.btn-box {\r\n\t& + & {\r\n\t\tmargin-top: 49px;\r\n\t}\r\n\ttext-align: center;\r\n}\r\n\r\n\r\n.btn {\r\n  .brk-bordered-theme & {\r\n\t\tborder-radius: var(--b-radius);\r\n\t\t&.btn-prime .border-btn {\r\n\t\t\tborder-radius: var(--b-radius);\r\n\t\t}\r\n\t}\r\n\t&:focus {\r\n\t\tbox-shadow: none;\r\n\t\tcolor: #fff;\r\n\t}\r\n\r\n\t[class*=\"fa-\"] {\r\n\t\tmargin-right: 10px;\r\n\t\tvertical-align: baseline;\r\n\r\n\t\t[dir=\"rtl\"] & {\r\n\t\t\tmargin-right: 0;\r\n\t\t\tmargin-left: 10px;\r\n\t\t}\r\n\t}\r\n\r\n\t&-icon {\r\n\t\t&:before, &:after {\r\n\t\t\tpadding-left: 10px;\r\n\t\t}\r\n\t\t[class*=\"fa-\"] {\r\n\t\t\tposition: relative;\r\n\t\t\tcolor: $white;\r\n\t\t\tfont-size: 16px;\r\n\t\t\tz-index: 1;\r\n    }\r\n  }\r\n\r\n  &-icon-right{\r\n    i{\r\n      position: absolute !important;\r\n      right: 20px;\r\n      margin-right: 0 !important;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n    }\r\n    &:before, &:after {\r\n\t\t\tpadding-left: 0;\r\n\t\t}\r\n  }\r\n\r\n\t&.btn-icon-abs [class*=\"fa-\"] {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: -16px;\r\n\t\ttransform: translateY(-50%);\r\n\t\tfont-size: 48px;\r\n\t\tcolor: #e0e0ff;\r\n\t\topacity: .3;\r\n\t\tz-index: 1;\r\n\t}\r\n\r\n\t/*&:hover {\r\n\t\t&.btn-icon [class*=\"fa-\"]:before {\r\n\t\t\tcolor: $gray-dark;\r\n\t\t}\r\n\t}*/\r\n}\r\n\r\n.btn-simple {\r\n\tfont-size: 24px;\r\n\tposition: relative;\r\n\tbackground: $white;\r\n\tcolor: var(--brand-primary);\r\n\tbox-shadow: 0 5px 16px 0 rgba($black, 0.2);\r\n\tpadding: 10px 15px;\r\n\tmin-width: 110px;\r\n\tvertical-align: middle;\r\n\tline-height: 16px;\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground: var(--brand-primary);\r\n\t}\r\n\r\n\ti.icon-inside {\r\n\t\tfont-size: 24px;\r\n\t}\r\n\r\n\t[class*=\"fa-\"]:not(.icon-inside) {\r\n\t\tmargin-right: 0;\r\n\t\tfont-size: 24px;\r\n\t\tfont-weight: 700;\r\n\t}\r\n\r\n\t&.btn-circle {\r\n\t\tmin-width: 0;\r\n\t\twidth: 52px;\r\n\t\theight: 52px;\r\n\t\tcolor: var(--brand-primary) !important;\r\n\r\n\t\t> .before, > .after {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--brk-base-4) !important;\r\n\r\n\t\t\t.text {\r\n\t\t\t\tcolor: var(--brand-primary) !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ti.icon-inside {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\tmargin-left: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:before {\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t\tvertical-align: top;\r\n\t\t\t}\r\n    }\r\n    \r\n    &.btn-md {\r\n      width: 44px;\r\n      height: 44px;\r\n    }\r\n\t}\r\n}\r\n\r\n.btn-inside-out {\r\n\toverflow: hidden;\r\n  border: none;\r\n\ttransition: background .4s ease .3s, \\box-shadow .4s;\r\n  will-change: background;\r\n\r\n\t&_dark {\r\n\t\tbackground: #272727 !important;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground: var(--brk-base-4) !important;\r\n\t\t\tcolor: #272727 !important;\r\n\r\n\t\t\ti {\r\n\t\t\t\tcolor: #272727 !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t> .before,\r\n\t\t> .after {\r\n\t\t\tbackground: #272727 !important;\r\n\t\t}\r\n  }\r\n\r\n\t&_text-dark {\r\n\t\tcolor: #272727 !important;\r\n\r\n\t\t&.btn-inside-out-invert.btn-icon [class*=\"fa-\"]:before {\r\n\t\t\tcolor: #272727;\r\n\t\t}\r\n\r\n\t\t> .before,\r\n\t\t> .after {\r\n\t\t\tcolor: #272727 !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&_blue {\r\n\t\tbackground: rgb(0, 2, 67) !important;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: var(--brk-base-1) !important;\r\n\t\t\tcolor: #ffffff;\r\n\t\t}\r\n\r\n\t\t> .before,\r\n\t\t> .after {\r\n\t\t\tbackground: rgb(0, 2, 67) !important;\r\n\t\t}\r\n  }\r\n\r\n\t.icon-inside {\r\n\t\tmargin-right: 8px;\r\n\r\n\t\t[dir=\"rtl\"] & {\r\n\t\t\tmargin-right: 0;\r\n\t\t\tmargin-left: 8px;\r\n\t\t}\r\n\t}\r\n\t.icon-inside ~ .before, .icon-inside ~ .after {\r\n\t\tpadding-left: 24px;\r\n\r\n\t\t[dir=\"rtl\"] & {\r\n\t\t\tpadding-left: 0;\r\n\t\t\tpadding-right: 24px;\r\n\t\t}\r\n  }\r\n  \r\n  &.btn-icon-right {\r\n    .icon-inside ~ .before, \r\n    .icon-inside ~ .after,\r\n    .icon-inside ~ .text {\r\n      padding-right: 20px;\r\n      padding-left: 0;\r\n  \r\n      [dir=\"rtl\"] & {\r\n        padding-left: 20px;\r\n        padding-right: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n\t> .before, > .after {\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\theight: 50%;\r\n\t\tleft: 0;\r\n\t\toverflow: hidden;\r\n\t\tbackground: var(--brand-primary);\r\n\t\tcolor: $white;\r\n\t\ttransition: \\transform 0.3s;\r\n\t}\r\n\r\n\t> .before {\r\n\t\ttop: 0;\r\n    padding-top: 8px;\r\n\t}\r\n\t> .after {\r\n\t\tbottom: 0;\r\n    line-height: 0;\r\n\t}\r\n\r\n\t> span.text {\r\n\t\tdisplay: inline-block;\r\n    transform: scale(0.1);\r\n    will-change: transform;\r\n\t\topacity: 0;\r\n\t\tcolor: #ffffff;\r\n\t\ttransition: \\transform 0.3s, opacity 0.3s;\r\n\t}\r\n\r\n\t&:hover {\r\n    background: var(--brk-base-1);\r\n\t\ttransition: background .4s;\r\n\t\ttransition-delay: 0s;\r\n    color: #fff;\r\n\t\tbox-shadow: 0 5px 10px -2px var(--brk-base-1);\r\n\t\t> .before {\r\n      transform: translateY(-105%);\r\n\t\t}\r\n\t\t> .after {\r\n      transform: translateY(105%);\r\n\t\t}\r\n\t\t> span.text {\r\n\t\t\topacity: 1;\r\n\t\t\ttransform: scale(1);\r\n    }\r\n    &.btn-shadow {\r\n      box-shadow:  0 5px 10px -2px rgba(var(--brk-base-1-rgb), .8) !important;\r\n    }\r\n    &.btn-shadow-small {\r\n      box-shadow: 0 5px 16px rgba(var(--brk-base-1-rgb), .8) !important;\r\n    }\r\n    &.btn-dark-shadow {\r\n      box-shadow:  0 5px 10px -2px rgba(var(--brk-base-1-rgb), .8) !important;      \r\n    }\r\n    &.btn-dark-shadow-small {\r\n      box-shadow: 0 5px 16px rgba(var(--brk-base-1-rgb), .8) !important;\r\n    }\r\n  }\r\n}\r\n\r\n.btn-inside-out-invert {\r\n\tborder: none;\r\n\tbox-shadow: 0 5px 16px rgba(0,0,0,.15);\r\n\r\n\t> .before, > .after {\r\n\t\tbackground: $white;\r\n\t\tcolor: var(--brand-primary);\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.btn-icon [class*=\"fa-\"]:before,\r\n\t\tspan.text {\r\n\t\t\tcolor: #fff;\r\n\t\t}\r\n\t}\r\n\r\n\tspan.text {\r\n\t\tcolor: var(--brand-primary);\r\n\t}\r\n\t&.btn-icon [class*=\"fa-\"]:before {\r\n\t\tcolor: var(--brand-primary);\r\n  }\r\n}\r\n\r\n.btn-inside-out-invert-light {\r\n\tborder: none;\r\n\t//box-shadow: 0 5px 21px rgba(var(--brand-primary-rgb), 0.3);\r\n\tbox-shadow: 0 5px 21px var(--brk-base-1);\r\n\r\n\t> .before, > .after {\r\n\t\tbackground: $white;\r\n\t\tcolor: var(--brand-primary);\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.btn-icon [class*=\"fa-\"]:before {\r\n\t\t\tcolor: var(--brand-primary);\r\n    }\r\n    background-color: rgba(256,256,256, .9);\r\n\t}\r\n\r\n\tspan.text {\r\n\t\tcolor: var(--brand-primary);\r\n\t}\r\n\t&.btn-icon [class*=\"fa-\"]:before {\r\n\t\tcolor: var(--brand-primary);\r\n  }\r\n}\r\n\r\n.btn-inside-out-light-hover{\r\n  &:hover{\r\n    background-color: #ffffff;\r\n\t\tcolor: #222222;\r\n  }\r\n}\r\n\r\n.btn-prime {\r\n\tcolor: var(--brand-primary);\r\n\tbackground: $white;\r\n\tborder: none;\r\n\tbox-shadow: 0 5px 16px rgba(0,0,0,.2);\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\tz-index: 1;\r\n\r\n\t.border-btn {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t\tborder: 2px solid var(--brand-primary);\r\n\t\tz-index: -1;\r\n\t}\r\n\r\n\t> .before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\ttop: 0;\r\n\t\theight: 0;\r\n\t\tbackground: var(--brand-primary);\r\n\t\ttransition: background .4s, height .4s;\r\n\t\tz-index: -1;\r\n\t}\r\n\r\n\t> .after {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t\theight: 0;\r\n\t\tbackground: var(--brand-primary);\r\n\t\ttransition: background .4s, height .4s;\r\n\t\tz-index: -1;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: var(--brand-primary) !important;\r\n\r\n\t\t> .before,\r\n\t\t> .after {\r\n\t\t\theight: 50%;\r\n\t\t\tbackground: var(--brk-base-4) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&-white {\r\n\t\t> .before, > .after {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t\t.border-btn {\r\n\t\t\tborder-color: $white;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tcolor: var(--brand-primary) !important;\r\n\t\t}\r\n  }\r\n  &-white-transparent{\r\n    &:hover> .before,\r\n    &:hover> .after {\r\n\t\t\tbackground: $white !important;\r\n\t\t}\r\n    .border-btn{\r\n      border-color: $white;\r\n    }\r\n    background: transparent;\r\n    color: $white;\r\n  }\r\n  \r\n  &-primary-transparent{\r\n    &:hover> .before, \r\n    &:hover> .after {\r\n\t\t\tbackground: $white !important;\r\n\t\t}\r\n    .border-btn{\r\n      border-color: var(--brand-primary);\r\n    }\r\n    background: transparent;\r\n    color: $white;\r\n  }\r\n\r\n  &-primary-text-transparent{\r\n    &:hover> .before, \r\n    &:hover> .after {\r\n\t\t\tbackground: $white !important;\r\n\t\t}\r\n    .border-btn{\r\n      border-color: var(--brand-primary);\r\n    }\r\n    background: transparent;\r\n    color: var(--brand-primary);\r\n  }\r\n\r\n\t&.btn-invert{\r\n\t\tcolor: $white;\r\n\r\n\t\t> .before, > .after {\r\n\t\t\tbackground: transparent;\r\n\t\t}\r\n\t\t.border-btn {\r\n\t\t\tborder-color: var(--brk-base-2);\r\n\t\t}\r\n  }\r\n  \r\n  &_thin {\r\n    .border-btn {\r\n      border-width: 1px;\r\n    }\r\n  }\r\n}\r\n\r\n.all-light .btn-prime {\r\n\tbackground: transparent;\r\n\tcolor: $white;\r\n\tbox-shadow: 0 5px 16px rgba(0,0,0,.3);\r\n\r\n\t&:hover {\r\n\t\t[class*=\"fa-\"].icon-left {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t[class*=\"fa-\"].icon-left {\r\n\t\tcolor: var(--brand-primary);\r\n\t\tfont-size: 24px;\r\n\t\tvertical-align: sub;\r\n\t\tfloat: right;\r\n\t\tline-height: 1;\r\n\t\tmargin: -2px 6px 0 0;\r\n\t}\r\n}\r\n\r\n.btn-gradient {\r\n\tbackground: var(--brand-primary);\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n\tappearance: none;\r\n  border: none;\r\n  color: #fff;\r\n  --x:190px;\r\n  --y:30px;\r\n\t--size: 200px;\r\n\r\n  transition: background .3s;\r\n\tspan,\r\n\ti {\r\n\t  z-index: 1;\r\n\t  position: relative;\r\n\t  pointer-events: none;\r\n\t}\r\n\r\n\r\n\t&::before {\r\n\t  content: '';\r\n\t  position: absolute;\r\n\t  left: var(--x);\r\n\t  top: var(--y);\r\n\t  width: var(--size);\r\n\t  height: var(--size);\r\n\t  background: radial-gradient(circle closest-side, var(--secondary), transparent);\r\n\t  transform: translate(-50%, -50%);\r\n\t  transition: width .2s, height .2s;\r\n\t  z-index: 0;\r\n  }\r\n  &:hover{\r\n    color: #ffffff;\r\n  }\r\n\t&:hover::before {\r\n\t  --size: 200px;\r\n\t}\r\n}\r\n\r\n.btn-pos {\r\n\tcolor: $gray-dark;\r\n\tbackground: #F6F6F6;\r\n\toverflow: hidden;\r\n\tposition: relative;\r\n\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\tdisplay: block;\r\n\t\twidth: 0;\r\n\t\theight: 0;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground-color: var(--brand-primary);\r\n\t\ttransition: width 0.4s ease-in-out, height 0.4s ease-in-out;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\tz-index: -1;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white;\r\n\r\n\t\tspan {\r\n\t\t\twidth: 250%;\r\n\t\t\theight: 250%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Icon btns\r\n.icon__btn {\r\n\tdisplay: inline-block;\r\n\tmargin: 10px;\r\n\tborder-radius: 50%;\r\n\tcolor: $white;\r\n\tbackground: var(--brand-primary);\r\n\tposition: relative;\r\n\tz-index: 3;\r\n  .brk-bordered-theme & {\r\n    border-radius: var(--b-radius);\r\n  }\r\n\r\n\t.spike {\r\n\t\tposition: absolute;\r\n\t\ttop: 8px;\r\n\t\tleft: 8px;\r\n\t\tright: 8px;\r\n\t\tbottom: 8px;\r\n\t\tbackground: var(--brand-primary);\r\n\t\tz-index: -1;\r\n\t\t&:nth-child(1) {\r\n\t\t\ttransform: rotate(0deg);\r\n\t\t}\r\n\t\t&:nth-child(2) {\r\n\t\t\ttransform: rotate(10deg);\r\n\t\t}\r\n\t\t&:nth-child(3) {\r\n\t\t\ttransform: rotate(20deg);\r\n\t\t}\r\n\t\t&:nth-child(4) {\r\n\t\t\ttransform: rotate(30deg);\r\n\t\t}\r\n\t\t&:nth-child(5) {\r\n\t\t\ttransform: rotate(40deg);\r\n\t\t}\r\n\t\t&:nth-child(6) {\r\n\t\t\ttransform: rotate(50deg);\r\n\t\t}\r\n\t\t&:nth-child(7) {\r\n\t\t\ttransform: rotate(60deg);\r\n\t\t}\r\n\t\t&:nth-child(8) {\r\n\t\t\ttransform: rotate(70deg);\r\n\t\t}\r\n\t\t&:nth-child(9) {\r\n\t\t\ttransform: rotate(80deg);\r\n\t\t}\r\n\t\t&:nth-child(10) {\r\n\t\t\ttransform: rotate(90deg);\r\n\t\t}\r\n\t}\r\n\r\n\t> .before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t\ttransform: scale(1.35);\r\n\t\topacity: .1;\r\n\t\tbackground-color: var(--brand-primary);\r\n\t\tborder-radius: 50%;\r\n    z-index: -1;\r\n    .brk-bordered-theme & {\r\n    border-radius: var(--b-radius);\r\n  }\r\n\t}\r\n\r\n\t> .after {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t\topacity: .2;\r\n\t\tbackground-color: var(--brand-primary);\r\n\t\tborder-radius: 50%;\r\n    z-index: -1;\r\n    .brk-bordered-theme & {\r\n    border-radius: var(--b-radius);\r\n  }\r\n  }\r\n\r\n  &_clear{\r\n    > .before{\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n\t&:hover {\r\n\t\tcolor: $white;\r\n\t\t> .before {\r\n\t\t\tanimation: 1.5s brk-pulse .3s infinite;\r\n\t\t}\r\n\t\t> .after {\r\n\t\t\tanimation: brk-pulse 1.5s infinite;\r\n\t\t}\r\n\t}\r\n\r\n\t&-circled {\r\n\t\t> .before {\r\n\t\t\ttop: -33px;\r\n\t\t\tleft: -33px;\r\n\t\t\tright: -33px;\r\n\t\t\tbottom: -33px;\r\n\t\t\ttransform: scale(1);\r\n\t\t}\r\n\t\t> .after {\r\n\t\t\ttop: -16px;\r\n\t\t\tleft: -16px;\r\n\t\t\tright: -16px;\r\n\t\t\tbottom: -16px;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\t> .before {\r\n\t\t\t\tanimation: 1s brk-pulse-paused .2s ease-in infinite;\r\n\t\t\t}\r\n\t\t\t> .after {\r\n\t\t\t\tanimation: brk-pulse-paused 1s ease-in infinite;\r\n\t\t\t}\r\n    }\r\n    &_active {\r\n      > .before {\r\n\t\t\t\tanimation: 1s brk-pulse-paused .2s ease-in infinite;\r\n\t\t\t}\r\n\t\t\t> .after {\r\n\t\t\t\tanimation: brk-pulse-paused 1s ease-in infinite;\r\n\t\t\t}\r\n    }\r\n\t}\r\n\r\n\ti {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t}\r\n\r\n\t&-invert{\r\n\t\tbackground: $white;\r\n\t\tcolor: var(--brand-primary);\r\n\t\t> .bg {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tz-index: -1;\r\n      border-radius: 100%;\r\n\t\t\tbackground: $white ;\r\n      .brk-bordered-theme & {\r\n        border-radius: var(--b-radius);\r\n      }\r\n\t\t}\r\n\t\t&:hover{\r\n\t\t\tbackground: $white;\r\n\t\t\tcolor: var(--brand-primary);\r\n\t\t}\r\n\t}\r\n\t&-white{\r\n\t\tbackground: $white;\r\n\t\tcolor: var(--brand-primary);\r\n\t\t>.before{\r\n            background-color: $white;\r\n        }\r\n        >.after{\r\n            background-color:$white;\r\n        }\r\n\t\t&:hover{\r\n\t\t\tbackground: $white;\r\n\t\t\tcolor: var(--brand-primary);\r\n\t\t}\r\n\t}\r\n\r\n\t&-sm {\r\n\t\tfont-size: 14px;\r\n\t\twidth: 41px;\r\n\t\theight: 41px;\r\n\t}\r\n\r\n\t&-md {\r\n\t\tfont-size: 16px;\r\n\t\twidth: 52px;\r\n\t\theight: 52px;\r\n\t}\r\n\r\n\t&-md_1 {\r\n\t\tfont-size: 26px;\r\n\t\twidth: 70px;\r\n\t\theight: 70px;\r\n\t}\r\n\r\n\t&-lg {\r\n\t\tfont-size: 21px;\r\n\t\twidth: 68px;\r\n\t\theight: 68px;\r\n\t}\r\n\r\n\t&-xl {\r\n\t\tfont-size: 21px;\r\n\t\twidth: 86px;\r\n\t\theight: 86px;\r\n\t}\r\n\r\n\t&-center {\r\n\t\t[class*=\"fa-\"] {\r\n\t\t\tmargin-left: 0;\r\n\t\t\tmargin-right: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\ttext-align: center;\r\n\t\t}\r\n\t}\r\n\r\n\t&.icon__btn-svg {\r\n\t\tbackground: transparent !important;\r\n\t}\r\n}\r\n\r\n@keyframes brk-pulse {\r\n\t0% {\r\n\t\ttransform: scale(1);\r\n\t}\r\n\t50% {\r\n\t\ttransform: scale(2);\r\n\t}\r\n\t100% {\r\n\t\ttransform: scale(1);\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@keyframes brk-pulse-paused {\r\n\t0% {\r\n\t\ttransform: scale(1);\r\n\t}\r\n\t20% {\r\n\t\ttransform: scale(1.2);\r\n\t}\r\n\t60% {\r\n\t\ttransform: scale(0.9);\r\n\t\topacity: 0;\r\n\t}\r\n\t100% {\r\n\t\ttransform: scale(1);\r\n\t}\r\n}\r\n\r\n@keyframes lightning {\r\n\t0% {\r\n\t\tleft: -100px;\r\n\t\tz-index: 3;\r\n\t}\r\n\t50% {\r\n\t\tleft: 300%;\r\n\t}\r\n\t100% {\r\n\t\tleft: -100px;\r\n\t\tz-index: 0;\r\n\t}\r\n}\r\n\r\n@-webkit-keyframes lightning {\r\n\t0% {\r\n\t\tleft: -100px;\r\n\t\tz-index: 3;\r\n\t}\r\n\t50% {\r\n\t\tleft: 100%;\r\n\t}\r\n\t100% {\r\n\t\tleft: -100px;\r\n\t\tz-index: 0;\r\n\t}\r\n}\r\n\r\n@keyframes wave {\r\n\t0% {\r\n\t\tmargin-left: 0;\r\n\t}\r\n\t100% {\r\n\t\tmargin-left: -9999px;\r\n\t}\r\n}\r\n\r\n// Dropdown\r\n.btn__dropdown {\r\n  text-align: center;\r\n\t&_wrap {\r\n\t\tposition: relative;\r\n\t\tdisplay: inline-block;\r\n\t\tpadding-right: 41px;\r\n\t\tlist-style: none;\r\n\t\tmin-width: 170px;\r\n\t\tpadding-left: 0;\r\n\t\tmargin-bottom: 0;\r\n\t\toverflow: hidden;\r\n\t\ttransition: all 300ms;// cubic-bezier(0.250, 0.460, 0.450, 0.940);\r\n    .brk-bordered-theme & {\r\n      border-radius: var(--b-radius);\r\n    }\r\n\t\t&:not(.open) {\r\n\t\t\theight: 41px;\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t\t&.btn__primary {\r\n\t\t\tbackground-color: var(--brand-primary);\r\n\t\t}\r\n\t\t&.btn__white {\r\n\t\t\tbackground-color: $white-dopdown;\r\n\t\t\tcolor: var(--brand-primary);\r\n\t\t\t//box-shadow: 0 5px 21px rgba(var(--brand-primary-rgb), 0.3);\r\n\t\t\tbox-shadow: 0 5px 21px var(--brk-base-1);\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\tposition: absolute;\r\n      font-family: 'Font Awesome\\ 5 Free';\r\n\t\t\tfont-size: 13px;\r\n\t\t\tcontent: '\\f0dd';\r\n\t\t\ttop: calc(50% - 2px);\r\n\t\t\tright: 19px;\r\n\t\t\tline-height: 1;\r\n      transform: translateY(-50%);\r\n      font-weight: 600;\r\n\t\t}\r\n\r\n\t\t&.open {\r\n\t\t\ttransition: all 300ms;// cubic-bezier(0.550, 0.085, 0.680, 0.530);\r\n\t\t\t&:before {\r\n\t\t\t\tcontent: '\\f0de';\r\n\t\t\t\ttop: 50%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tbutton:hover, button:focus {\r\n\t\t\tbackground: none !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&_item {\r\n\t\tborder-bottom: 1px solid;\r\n\t\tborder-right: 1px solid;\r\n\t\tpadding-left: 18px;\r\n\t\ttext-align: left;\r\n\t\t// background: var(--brand-primary);\r\n\r\n\t\t.btn__primary & {\r\n\t\t\tborder-color: var(--brk-base-3);\r\n\t\t\tbackground: var(--brand-primary);\r\n\r\n\t\t\ta, button {\r\n\t\t\t\tcolor: #ffffff;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: #ffffff;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.btn__white & {\r\n\t\t\tborder-color: $white-dropdown_border-color;\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\ta, button {\r\n\t\t\t\tcolor: var(--brand-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: var(--brand-primary);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:first-child {\r\n\t\t\tpadding-top: 2px;\r\n\t\t}\r\n\t\t&:last-child {\r\n\t\t\tborder-bottom: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&_btn {\r\n\t\ttext-transform: uppercase;\r\n\t\tfont-weight: inherit;\r\n\t\ttext-align: left;\r\n\t\tfont-size: 14px;\r\n\t\tpadding: 9px 9px;\r\n\t\tmargin: 0;\r\n\t\tborder: none;\r\n\t\tbackground-color: transparent;\r\n\t\t.btn__dropdown_item & {\r\n\t\t\tbox-shadow: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.margin-box {\r\n\t&__btn-round {\r\n\t\tmargin: 25px 0;\r\n\t\t@media(min-width: 768px) {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t&__btn-dropdown {\r\n\t\tmargin-top: 30px;\r\n\t\tmargin-bottom: 1em;\r\n\r\n\t\t@media(min-width: 768px) {\r\n\t\t\tmargin-bottom: 63px;\r\n\t\t}\r\n\r\n\t\t@media(max-width: 767px) {\r\n\t\t\t.col-lg-3:first-child & {\r\n\t\t\t\tmargin-top: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.btn--square{\r\n\tborder: 2px solid var(--brand-primary);\r\n\tborder-radius: 0;\r\n\tpadding: 12px 42px;\r\n\toverflow: hidden;\r\n\tmargin: 0;\r\n\r\n\t.angle{\r\n\t\twidth: 10px;\r\n\t\theight: 300%;\r\n\t\tposition: absolute;\r\n\t\tdisplay: block;\r\n\t\ttransform: translate(-50%, -50%) rotate(-45deg);\r\n\t\ttop: 0;\r\n\t\tleft: 100%;\r\n\t\ttransition: top .2s, left .2s;\r\n\t}\r\n\r\n\t&:hover{\r\n\t\t.angle{\r\n\t\t\ttop: 3%;\r\n\t\t\tleft: 97%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.btn-backgrounds {\r\n\tdisplay: inline-block;\r\n\tmin-width: 260px;\r\n\theight: 56px;\r\n\tborder-radius: 28px;\r\n\tbackground-color: $white;\r\n\tposition: relative;\r\n\tletter-spacing: -0.06em;\r\n\tpadding-right: 25px;\r\n\tfont-size: rem(13);\r\n  line-height: 56px;\r\n\r\n\t.before {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tright: 7px;\r\n\t\ttransform: translateY(-50%);\r\n\t\twidth: 40px;\r\n\t\theight: 40px;\r\n\t\tborder-radius: 50%;\r\n\t\tpadding-right: 23px;\r\n\t\tletter-spacing: -0.06em;\r\n\r\n\t\t.brk-bordered-theme &{\r\n\t\t\tborder-radius: var(--b-radius);\r\n\t\t}\r\n\r\n\t\ti {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tvertical-align: 0;\r\n\t\t\tfont-size: rem(18);\r\n\t\t}\r\n\t}\r\n\r\n  .brk-bordered-theme &{\r\n    border-radius: var(--b-radius);\r\n  }\r\n\r\n\t&_wauto {\r\n\t\tmin-width: 1px;\r\n\t\twhite-space: nowrap;\r\n\t}\r\n\r\n\t&_md {\r\n\t\theight: 46px;\r\n\t\tline-height: 46px;\r\n\t}\r\n\r\n\t&_280 {\r\n\t\tmin-width: 280px;\r\n\t}\r\n\r\n\t&_200 {\r\n\t\tmin-width: 200px;\r\n\t}\r\n\r\n\t&_white {\r\n\t\t//box-shadow: 0 10px 15px rgba(0, 0, 0, .07);\r\n\t\tbox-shadow: 0 5px 16px rgba(0,0,0,.2);\r\n\t\tcolor: #272727;\r\n\r\n\t\t.before {\r\n\t\t\tbackground-color: #eee;\r\n\t\t}\r\n\t}\r\n\r\n\t&_dark {\r\n\t\tbox-shadow: 0 0 26px rgba(0, 0, 0, .3);\r\n\t\tcolor: $white;\r\n\r\n\t\t.before {\r\n\t\t\tborder: solid 2px rgba(255, 255, 255, .4);\r\n\r\n\t\t\ti {\r\n\t\t\t\tcolor: $white;\r\n\t\t\t}\r\n\t\t}\r\n  }\r\n\r\n\t&_dark-classic {\r\n\t\tbackground-color: var(--brand-primary);\r\n\t\tcolor: #ffffff;\r\n\t\toverflow: hidden;\r\n\r\n\t\t&:before,\r\n\t\t&:after {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tbackground-color: rgba(#fff, .1);\r\n\t\t\theight: 50%;\r\n\t\t\tz-index: 0;\r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\ttop: -100%;\r\n\t\t\ttransition: top .3s;\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbottom: -100%;\r\n\t\t\ttransition: bottom .3s;\r\n\t\t}\r\n\r\n\t\t.text {\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 2;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: #ffffff;\r\n\r\n\t\t\t&:before {\r\n\t\t\t\ttop: 0;\r\n\t\t\t}\r\n\t\t\t&:after {\r\n\t\t\t\tbottom: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus,\r\n\t\t&:active {\r\n\t\t\tcolor: #ffffff;\r\n\t\t}\r\n\r\n\t\t.before {\r\n\t\t\twidth: 34px;\r\n\t\t\theight: 34px;\r\n\t\t\tbackground-color: rgba(#000, .1);\r\n\t\t\tz-index: 2;\r\n\t\t\t\r\n\t\t\ti {\r\n\t\t\t\tfont-size: rem(15);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&_white-classic {\r\n\t\tbackground-color: #fff;\r\n\t\tcolor: #272727;\r\n\t\toverflow: hidden;\r\n\r\n\t\t&:before,\r\n\t\t&:after {\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tbackground-color: rgba(#000, .05);\r\n\t\t\theight: 50%;\r\n\t\t\tz-index: 0;\r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\ttop: -100%;\r\n\t\t\ttransition: top .3s;\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbottom: -100%;\r\n\t\t\ttransition: bottom .3s;\r\n\t\t}\r\n\r\n\t\t.text {\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 2;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: #272727;\r\n\r\n\t\t\t&:before {\r\n\t\t\t\ttop: 0;\r\n\t\t\t}\r\n\t\t\t&:after {\r\n\t\t\t\tbottom: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:focus,\r\n\t\t&:active {\r\n\t\t\tcolor: #272727;\r\n\t\t}\r\n\r\n\t\t.before {\r\n\t\t\twidth: 34px;\r\n\t\t\theight: 34px;\r\n\t\t\tbackground-color: rgba(#000, .1);\r\n\t\t\tz-index: 2;\r\n\r\n\t\t\ti {\r\n\t\t\t\tfont-size: rem(15);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n  \r\n  &_transparent {\r\n    background-color: transparent;\r\n    box-shadow: none;\r\n    color: #fff;\r\n    border: 1px solid rgba(256,256,256,.16);\r\n\r\n    .before {\r\n      background-color: #fff;\r\n       \r\n      i {\r\n        color: var(--brand-primary);\r\n      }\r\n    }\r\n\r\n    &:hover {\r\n      color: #fff;\r\n      text-decoration: underline;\r\n    }\r\n\r\n  }\r\n\r\n  &_left-icon {\r\n    padding-right: 0;\r\n    padding-left: 25px;\r\n\r\n    .before {\r\n      right: auto;\r\n      left: 7px;\r\n    }\r\n  }\r\n\r\n  &_right-icon {\r\n    padding-right: 25px;\r\n    padding-left: 0;\r\n  }\r\n\r\n  &_no-icon {\r\n    padding-left: 25px;\r\n    padding-right: 25px;\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n.btn-bottom-position {\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\tbottom: 0;\r\n\ttransform: translate(-50%, 50%);\r\n\tmargin: 0;\r\n}\r\n\r\n.btn-violet {\r\n\tfont-size: rem(12);\r\n\tbox-shadow: 0 25px 50px rgba(0,0,0,.1) !important;\r\n\r\n\t&:hover {\r\n\t\tbackground: rgba(#7202BB, .05);\r\n\t}\r\n\r\n\t.before,\r\n\t.after {\r\n\t\tpadding-left: 0 !important;\r\n\t\tpadding-right: 10px;\r\n\t\tcolor: var(--secondary);\r\n\t}\r\n\r\n\t.text {\r\n\t\tcolor: var(--secondary) !important;\r\n\t\tmargin-right: 10px;\r\n\t}\r\n\r\n\ti {\r\n    position: absolute !important;\r\n\t\ttop: 50%;\r\n\t\tright: 20px;\r\n\t\tmargin-right: 0 !important;\r\n\t\ttransform: translateY(-50%);\r\n\r\n\t\t&:before {\r\n\t\t\tcolor: var(--secondary) !important;\r\n\t\t}\r\n\t}\r\n}","/*\r\n* Buttons\r\n* ================ */\n.btn {\n  display: inline-block;\n  text-align: center;\n  line-height: inherit;\n  white-space: nowrap;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  z-index: 1;\n  text-decoration: none;\n  text-transform: uppercase;\n  margin: 10px; }\n  .brk-bordered-theme .btn {\n    border-radius: var(--b-radius); }\n\n.btn-shadow {\n  box-shadow: 0 5px 10px -2px var(--brk-base-1) !important; }\n\n.btn-shadow-small {\n  box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5); }\n  .brk-safari .btn-shadow-small {\n    box-shadow: 0 5px 16px var(--brk-base-6); }\n\n.btn-dark-shadow {\n  box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.4) !important; }\n\n.btn-dark-shadow-small {\n  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1); }\n\n.btn-no-shadow {\n  box-shadow: none !important; }\n\n.invert,\n.invert .bsk-btn {\n  color: #fff !important; }\n\n.btn-min-width-200 {\n  min-width: 200px; }\n\n.btn-min-width-110 {\n  min-width: 110px; }\n\n@media screen and (max-width: 767px) {\n  .btn-xs-max-width {\n    width: 100%; } }\n\n/* SIZES BTN */\n.btn-sm {\n  padding: 4px 22px;\n  font-size: 13px; }\n  .btn-sm i.icon-inside {\n    font-size: 13px; }\n  .btn-sm.btn-inside-out > .before {\n    padding-top: 4px; }\n  .btn-sm.btn-simple {\n    min-width: 130px; }\n\n.btn-sm-1 {\n  padding: 8px 26px;\n  font-size: 13px; }\n  .btn-sm-1 i.icon-inside {\n    font-size: 13px; }\n  .btn-sm-1.btn-inside-out > .before {\n    padding-top: 8px; }\n  .btn-sm-1.btn-simple {\n    min-width: 130px; }\n\n.btn-sm-2 {\n  padding: 7px 22px;\n  font-size: 14px; }\n  .btn-sm-2 i.icon-inside {\n    font-size: 14px; }\n  .btn-sm-2.btn-inside-out > .before {\n    padding-top: 7px; }\n  .btn-sm-2.btn-simple {\n    min-width: 110px; }\n\n.btn-md {\n  padding: 10px 33px;\n  font-size: 14px; }\n  .btn-md i.icon-inside {\n    font-size: 14px; }\n  .btn-md.btn-inside-out > .before {\n    padding-top: 10px; }\n\n.btn-md-1 {\n  padding: 10px 33px;\n  letter-spacing: 3.5px;\n  min-height: 44px;\n  font-size: 14px; }\n  .btn-md-1 i.icon-inside {\n    font-size: 14px; }\n  .btn-md-1.btn-inside-out > .before {\n    padding-top: 10px; }\n\n.btn-md-2 {\n  padding: 10px 33px;\n  font-size: 16px; }\n  .btn-md-2 i.icon-inside {\n    font-size: 16px; }\n  .btn-md-2.btn-inside-out > .before {\n    padding-top: 12px; }\n\n.btn-md-3 {\n  padding: 9px 22px 9px 26px;\n  font-size: 14px; }\n\n.btn-md-4 {\n  font-size: 12px; }\n  .btn-md-4 i.icon-inside {\n    font-size: 12px; }\n\n.btn-md-5 {\n  font-size: 10px;\n  padding: 12px 33px; }\n  .btn-md-5 i {\n    font-size: 14px; }\n\n.btn-lg {\n  padding: 15px 33px;\n  font-size: 16px; }\n  .btn-lg i.icon-inside {\n    font-size: 16px; }\n  .btn-lg.btn-inside-out > .before {\n    padding-top: 15px; }\n\n.btn-lg-1 {\n  padding: 13px 33px;\n  font-size: 12px; }\n  .btn-lg-1 i.icon-inside {\n    font-size: 12px; }\n  .btn-lg-1.btn-inside-out > .before {\n    padding-top: 13px; }\n\n.btn-xl {\n  padding: 17px 42px;\n  font-size: 19px; }\n  .btn-xl i.icon-inside {\n    font-size: 19px; }\n  .btn-xl.btn-inside-out > .before {\n    padding-top: 17px; }\n\n/* SIZES BTN */\n.btn__full_width {\n  width: 100%; }\n\n.btn [class*=\"fa-\"].icon-left {\n  margin: 0 0 0 10px;\n  position: relative;\n  z-index: 3; }\n\n.border-radius-50 {\n  border-radius: 50px; }\n\n.border-radius-30 {\n  border-radius: 30px; }\n  .border-radius-30.btn-prime .border-btn {\n    border-radius: 30px; }\n\n.border-radius-25 {\n  border-radius: 25px; }\n  .border-radius-25.btn-prime .border-btn {\n    border-radius: 25px; }\n\n.border-radius-10 {\n  border-radius: 10px; }\n  .border-radius-10.btn-prime .border-btn {\n    border-radius: 10px; }\n\n.border-radius-5 {\n  border-radius: 5px; }\n  .border-radius-5.btn-prime .border-btn {\n    border-radius: 5px; }\n\n.border-radius-0 {\n  border-radius: 0; }\n  .border-radius-0.btn-prime .border-btn {\n    border-radius: 0; }\n\n.btn-box {\n  text-align: center; }\n  .btn-box + .btn-box {\n    margin-top: 49px; }\n\n.btn {\n  /*&:hover {\r\n\t\t&.btn-icon [class*=\"fa-\"]:before {\r\n\t\t\tcolor: $gray-dark;\r\n\t\t}\r\n\t}*/ }\n  .brk-bordered-theme .btn {\n    border-radius: var(--b-radius); }\n    .brk-bordered-theme .btn.btn-prime .border-btn {\n      border-radius: var(--b-radius); }\n  .btn:focus {\n    box-shadow: none;\n    color: #fff; }\n  .btn [class*=\"fa-\"] {\n    margin-right: 10px;\n    vertical-align: baseline; }\n    [dir=\"rtl\"] .btn [class*=\"fa-\"] {\n      margin-right: 0;\n      margin-left: 10px; }\n  .btn-icon:before, .btn-icon:after {\n    padding-left: 10px; }\n  .btn-icon [class*=\"fa-\"] {\n    position: relative;\n    color: #fff;\n    font-size: 16px;\n    z-index: 1; }\n  .btn-icon-right i {\n    position: absolute !important;\n    right: 20px;\n    margin-right: 0 !important;\n    top: 50%;\n    transform: translateY(-50%); }\n  .btn-icon-right:before, .btn-icon-right:after {\n    padding-left: 0; }\n  .btn.btn-icon-abs [class*=\"fa-\"] {\n    position: absolute;\n    top: 50%;\n    left: -16px;\n    transform: translateY(-50%);\n    font-size: 48px;\n    color: #e0e0ff;\n    opacity: .3;\n    z-index: 1; }\n\n.btn-simple {\n  font-size: 24px;\n  position: relative;\n  background: #fff;\n  color: var(--brand-primary);\n  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.2);\n  padding: 10px 15px;\n  min-width: 110px;\n  vertical-align: middle;\n  line-height: 16px; }\n  .btn-simple:hover {\n    color: #fff !important;\n    background: var(--brand-primary); }\n  .btn-simple i.icon-inside {\n    font-size: 24px; }\n  .btn-simple [class*=\"fa-\"]:not(.icon-inside) {\n    margin-right: 0;\n    font-size: 24px;\n    font-weight: 700; }\n  .btn-simple.btn-circle {\n    min-width: 0;\n    width: 52px;\n    height: 52px;\n    color: var(--brand-primary) !important; }\n    .btn-simple.btn-circle > .before, .btn-simple.btn-circle > .after {\n      display: none; }\n    .btn-simple.btn-circle:hover {\n      background: var(--brk-base-4) !important; }\n      .btn-simple.btn-circle:hover .text {\n        color: var(--brand-primary) !important; }\n    .btn-simple.btn-circle i.icon-inside {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%); }\n      [dir=\"rtl\"] .btn-simple.btn-circle i.icon-inside {\n        margin-left: 0; }\n      .btn-simple.btn-circle i.icon-inside:before {\n        line-height: 24px;\n        vertical-align: top; }\n    .btn-simple.btn-circle.btn-md {\n      width: 44px;\n      height: 44px; }\n\n.btn-inside-out {\n  overflow: hidden;\n  border: none;\n  transition: background .4s ease .3s, \\box-shadow .4s;\n  will-change: background; }\n  .btn-inside-out_dark {\n    background: #272727 !important; }\n    .btn-inside-out_dark:hover {\n      background: var(--brk-base-4) !important;\n      color: #272727 !important; }\n      .btn-inside-out_dark:hover i {\n        color: #272727 !important; }\n    .btn-inside-out_dark > .before,\n    .btn-inside-out_dark > .after {\n      background: #272727 !important; }\n  .btn-inside-out_text-dark {\n    color: #272727 !important; }\n    .btn-inside-out_text-dark.btn-inside-out-invert.btn-icon [class*=\"fa-\"]:before {\n      color: #272727; }\n    .btn-inside-out_text-dark > .before,\n    .btn-inside-out_text-dark > .after {\n      color: #272727 !important; }\n  .btn-inside-out_blue {\n    background: #000243 !important; }\n    .btn-inside-out_blue:hover {\n      background-color: var(--brk-base-1) !important;\n      color: #ffffff; }\n    .btn-inside-out_blue > .before,\n    .btn-inside-out_blue > .after {\n      background: #000243 !important; }\n  .btn-inside-out .icon-inside {\n    margin-right: 8px; }\n    [dir=\"rtl\"] .btn-inside-out .icon-inside {\n      margin-right: 0;\n      margin-left: 8px; }\n  .btn-inside-out .icon-inside ~ .before, .btn-inside-out .icon-inside ~ .after {\n    padding-left: 24px; }\n    [dir=\"rtl\"] .btn-inside-out .icon-inside ~ .before, [dir=\"rtl\"] .btn-inside-out .icon-inside ~ .after {\n      padding-left: 0;\n      padding-right: 24px; }\n  .btn-inside-out.btn-icon-right .icon-inside ~ .before,\n  .btn-inside-out.btn-icon-right .icon-inside ~ .after,\n  .btn-inside-out.btn-icon-right .icon-inside ~ .text {\n    padding-right: 20px;\n    padding-left: 0; }\n    [dir=\"rtl\"] .btn-inside-out.btn-icon-right .icon-inside ~ .before, [dir=\"rtl\"]\n    .btn-inside-out.btn-icon-right .icon-inside ~ .after, [dir=\"rtl\"]\n    .btn-inside-out.btn-icon-right .icon-inside ~ .text {\n      padding-left: 20px;\n      padding-right: 0; }\n  .btn-inside-out > .before, .btn-inside-out > .after {\n    position: absolute;\n    width: 100%;\n    height: 50%;\n    left: 0;\n    overflow: hidden;\n    background: var(--brand-primary);\n    color: #fff;\n    transition: \\transform 0.3s; }\n  .btn-inside-out > .before {\n    top: 0;\n    padding-top: 8px; }\n  .btn-inside-out > .after {\n    bottom: 0;\n    line-height: 0; }\n  .btn-inside-out > span.text {\n    display: inline-block;\n    transform: scale(0.1);\n    will-change: transform;\n    opacity: 0;\n    color: #ffffff;\n    transition: \\transform 0.3s, opacity 0.3s; }\n  .btn-inside-out:hover {\n    background: var(--brk-base-1);\n    transition: background .4s;\n    transition-delay: 0s;\n    color: #fff;\n    box-shadow: 0 5px 10px -2px var(--brk-base-1); }\n    .btn-inside-out:hover > .before {\n      transform: translateY(-105%); }\n    .btn-inside-out:hover > .after {\n      transform: translateY(105%); }\n    .btn-inside-out:hover > span.text {\n      opacity: 1;\n      transform: scale(1); }\n    .btn-inside-out:hover.btn-shadow {\n      box-shadow: 0 5px 10px -2px rgba(var(--brk-base-1-rgb), 0.8) !important; }\n    .btn-inside-out:hover.btn-shadow-small {\n      box-shadow: 0 5px 16px rgba(var(--brk-base-1-rgb), 0.8) !important; }\n    .btn-inside-out:hover.btn-dark-shadow {\n      box-shadow: 0 5px 10px -2px rgba(var(--brk-base-1-rgb), 0.8) !important; }\n    .btn-inside-out:hover.btn-dark-shadow-small {\n      box-shadow: 0 5px 16px rgba(var(--brk-base-1-rgb), 0.8) !important; }\n\n.btn-inside-out-invert {\n  border: none;\n  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.15); }\n  .btn-inside-out-invert > .before, .btn-inside-out-invert > .after {\n    background: #fff;\n    color: var(--brand-primary); }\n  .btn-inside-out-invert:hover.btn-icon [class*=\"fa-\"]:before,\n  .btn-inside-out-invert:hover span.text {\n    color: #fff; }\n  .btn-inside-out-invert span.text {\n    color: var(--brand-primary); }\n  .btn-inside-out-invert.btn-icon [class*=\"fa-\"]:before {\n    color: var(--brand-primary); }\n\n.btn-inside-out-invert-light {\n  border: none;\n  box-shadow: 0 5px 21px var(--brk-base-1); }\n  .btn-inside-out-invert-light > .before, .btn-inside-out-invert-light > .after {\n    background: #fff;\n    color: var(--brand-primary); }\n  .btn-inside-out-invert-light:hover {\n    background-color: rgba(255, 255, 255, 0.9); }\n    .btn-inside-out-invert-light:hover.btn-icon [class*=\"fa-\"]:before {\n      color: var(--brand-primary); }\n  .btn-inside-out-invert-light span.text {\n    color: var(--brand-primary); }\n  .btn-inside-out-invert-light.btn-icon [class*=\"fa-\"]:before {\n    color: var(--brand-primary); }\n\n.btn-inside-out-light-hover:hover {\n  background-color: #ffffff;\n  color: #222222; }\n\n.btn-prime {\n  color: var(--brand-primary);\n  background: #fff;\n  border: none;\n  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.2);\n  position: relative;\n  overflow: hidden;\n  z-index: 1; }\n  .btn-prime .border-btn {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 2px solid var(--brand-primary);\n    z-index: -1; }\n  .btn-prime > .before {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    height: 0;\n    background: var(--brand-primary);\n    transition: background .4s, height .4s;\n    z-index: -1; }\n  .btn-prime > .after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    height: 0;\n    background: var(--brand-primary);\n    transition: background .4s, height .4s;\n    z-index: -1; }\n  .btn-prime:hover {\n    color: var(--brand-primary) !important; }\n    .btn-prime:hover > .before,\n    .btn-prime:hover > .after {\n      height: 50%;\n      background: var(--brk-base-4) !important; }\n  .btn-prime-white > .before, .btn-prime-white > .after {\n    background: #fff; }\n  .btn-prime-white .border-btn {\n    border-color: #fff; }\n  .btn-prime-white:hover {\n    color: var(--brand-primary) !important; }\n  .btn-prime-white-transparent {\n    background: transparent;\n    color: #fff; }\n    .btn-prime-white-transparent:hover > .before,\n    .btn-prime-white-transparent:hover > .after {\n      background: #fff !important; }\n    .btn-prime-white-transparent .border-btn {\n      border-color: #fff; }\n  .btn-prime-primary-transparent {\n    background: transparent;\n    color: #fff; }\n    .btn-prime-primary-transparent:hover > .before,\n    .btn-prime-primary-transparent:hover > .after {\n      background: #fff !important; }\n    .btn-prime-primary-transparent .border-btn {\n      border-color: var(--brand-primary); }\n  .btn-prime-primary-text-transparent {\n    background: transparent;\n    color: var(--brand-primary); }\n    .btn-prime-primary-text-transparent:hover > .before,\n    .btn-prime-primary-text-transparent:hover > .after {\n      background: #fff !important; }\n    .btn-prime-primary-text-transparent .border-btn {\n      border-color: var(--brand-primary); }\n  .btn-prime.btn-invert {\n    color: #fff; }\n    .btn-prime.btn-invert > .before, .btn-prime.btn-invert > .after {\n      background: transparent; }\n    .btn-prime.btn-invert .border-btn {\n      border-color: var(--brk-base-2); }\n  .btn-prime_thin .border-btn {\n    border-width: 1px; }\n\n.all-light .btn-prime {\n  background: transparent;\n  color: #fff;\n  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3); }\n  .all-light .btn-prime:hover [class*=\"fa-\"].icon-left {\n    color: #fff; }\n  .all-light .btn-prime [class*=\"fa-\"].icon-left {\n    color: var(--brand-primary);\n    font-size: 24px;\n    vertical-align: sub;\n    float: right;\n    line-height: 1;\n    margin: -2px 6px 0 0; }\n\n.btn-gradient {\n  background: var(--brand-primary);\n  overflow: hidden;\n  position: relative;\n  appearance: none;\n  border: none;\n  color: #fff;\n  --x:190px;\n  --y:30px;\n  --size: 200px;\n  transition: background .3s; }\n  .btn-gradient span,\n  .btn-gradient i {\n    z-index: 1;\n    position: relative;\n    pointer-events: none; }\n  .btn-gradient::before {\n    content: '';\n    position: absolute;\n    left: var(--x);\n    top: var(--y);\n    width: var(--size);\n    height: var(--size);\n    background: radial-gradient(circle closest-side, var(--secondary), transparent);\n    transform: translate(-50%, -50%);\n    transition: width .2s, height .2s;\n    z-index: 0; }\n  .btn-gradient:hover {\n    color: #ffffff; }\n  .btn-gradient:hover::before {\n    --size: 200px; }\n\n.btn-pos {\n  color: #333;\n  background: #F6F6F6;\n  overflow: hidden;\n  position: relative; }\n  .btn-pos span {\n    position: absolute;\n    left: 0;\n    display: block;\n    width: 0;\n    height: 0;\n    border-radius: 50%;\n    background-color: var(--brand-primary);\n    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;\n    transform: translate(-50%, -50%);\n    z-index: -1; }\n  .btn-pos:hover {\n    color: #fff; }\n    .btn-pos:hover span {\n      width: 250%;\n      height: 250%; }\n\n.icon__btn {\n  display: inline-block;\n  margin: 10px;\n  border-radius: 50%;\n  color: #fff;\n  background: var(--brand-primary);\n  position: relative;\n  z-index: 3; }\n  .brk-bordered-theme .icon__btn {\n    border-radius: var(--b-radius); }\n  .icon__btn .spike {\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    right: 8px;\n    bottom: 8px;\n    background: var(--brand-primary);\n    z-index: -1; }\n    .icon__btn .spike:nth-child(1) {\n      transform: rotate(0deg); }\n    .icon__btn .spike:nth-child(2) {\n      transform: rotate(10deg); }\n    .icon__btn .spike:nth-child(3) {\n      transform: rotate(20deg); }\n    .icon__btn .spike:nth-child(4) {\n      transform: rotate(30deg); }\n    .icon__btn .spike:nth-child(5) {\n      transform: rotate(40deg); }\n    .icon__btn .spike:nth-child(6) {\n      transform: rotate(50deg); }\n    .icon__btn .spike:nth-child(7) {\n      transform: rotate(60deg); }\n    .icon__btn .spike:nth-child(8) {\n      transform: rotate(70deg); }\n    .icon__btn .spike:nth-child(9) {\n      transform: rotate(80deg); }\n    .icon__btn .spike:nth-child(10) {\n      transform: rotate(90deg); }\n  .icon__btn > .before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    transform: scale(1.35);\n    opacity: .1;\n    background-color: var(--brand-primary);\n    border-radius: 50%;\n    z-index: -1; }\n    .brk-bordered-theme .icon__btn > .before {\n      border-radius: var(--b-radius); }\n  .icon__btn > .after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    opacity: .2;\n    background-color: var(--brand-primary);\n    border-radius: 50%;\n    z-index: -1; }\n    .brk-bordered-theme .icon__btn > .after {\n      border-radius: var(--b-radius); }\n  .icon__btn_clear > .before {\n    transform: scale(1); }\n  .icon__btn:hover {\n    color: #fff; }\n    .icon__btn:hover > .before {\n      animation: 1.5s brk-pulse .3s infinite; }\n    .icon__btn:hover > .after {\n      animation: brk-pulse 1.5s infinite; }\n  .icon__btn-circled > .before {\n    top: -33px;\n    left: -33px;\n    right: -33px;\n    bottom: -33px;\n    transform: scale(1); }\n  .icon__btn-circled > .after {\n    top: -16px;\n    left: -16px;\n    right: -16px;\n    bottom: -16px; }\n  .icon__btn-circled:hover > .before {\n    animation: 1s brk-pulse-paused .2s ease-in infinite; }\n  .icon__btn-circled:hover > .after {\n    animation: brk-pulse-paused 1s ease-in infinite; }\n  .icon__btn-circled_active > .before {\n    animation: 1s brk-pulse-paused .2s ease-in infinite; }\n  .icon__btn-circled_active > .after {\n    animation: brk-pulse-paused 1s ease-in infinite; }\n  .icon__btn i {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%); }\n  .icon__btn-invert {\n    background: #fff;\n    color: var(--brand-primary); }\n    .icon__btn-invert > .bg {\n      position: absolute;\n      left: 0;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      z-index: -1;\n      border-radius: 100%;\n      background: #fff; }\n      .brk-bordered-theme .icon__btn-invert > .bg {\n        border-radius: var(--b-radius); }\n    .icon__btn-invert:hover {\n      background: #fff;\n      color: var(--brand-primary); }\n  .icon__btn-white {\n    background: #fff;\n    color: var(--brand-primary); }\n    .icon__btn-white > .before {\n      background-color: #fff; }\n    .icon__btn-white > .after {\n      background-color: #fff; }\n    .icon__btn-white:hover {\n      background: #fff;\n      color: var(--brand-primary); }\n  .icon__btn-sm {\n    font-size: 14px;\n    width: 41px;\n    height: 41px; }\n  .icon__btn-md {\n    font-size: 16px;\n    width: 52px;\n    height: 52px; }\n  .icon__btn-md_1 {\n    font-size: 26px;\n    width: 70px;\n    height: 70px; }\n  .icon__btn-lg {\n    font-size: 21px;\n    width: 68px;\n    height: 68px; }\n  .icon__btn-xl {\n    font-size: 21px;\n    width: 86px;\n    height: 86px; }\n  .icon__btn-center [class*=\"fa-\"] {\n    margin-left: 0;\n    margin-right: 0;\n    width: 100%;\n    text-align: center; }\n  .icon__btn.icon__btn-svg {\n    background: transparent !important; }\n\n@keyframes brk-pulse {\n  0% {\n    transform: scale(1); }\n  50% {\n    transform: scale(2); }\n  100% {\n    transform: scale(1);\n    opacity: 0; } }\n\n@keyframes brk-pulse-paused {\n  0% {\n    transform: scale(1); }\n  20% {\n    transform: scale(1.2); }\n  60% {\n    transform: scale(0.9);\n    opacity: 0; }\n  100% {\n    transform: scale(1); } }\n\n@keyframes lightning {\n  0% {\n    left: -100px;\n    z-index: 3; }\n  50% {\n    left: 300%; }\n  100% {\n    left: -100px;\n    z-index: 0; } }\n\n@-webkit-keyframes lightning {\n  0% {\n    left: -100px;\n    z-index: 3; }\n  50% {\n    left: 100%; }\n  100% {\n    left: -100px;\n    z-index: 0; } }\n\n@keyframes wave {\n  0% {\n    margin-left: 0; }\n  100% {\n    margin-left: -9999px; } }\n\n.btn__dropdown {\n  text-align: center; }\n  .btn__dropdown_wrap {\n    position: relative;\n    display: inline-block;\n    padding-right: 41px;\n    list-style: none;\n    min-width: 170px;\n    padding-left: 0;\n    margin-bottom: 0;\n    overflow: hidden;\n    transition: all 300ms; }\n    .brk-bordered-theme .btn__dropdown_wrap {\n      border-radius: var(--b-radius); }\n    .btn__dropdown_wrap:not(.open) {\n      height: 41px; }\n    .btn__dropdown_wrap:hover {\n      cursor: pointer; }\n    .btn__dropdown_wrap.btn__primary {\n      background-color: var(--brand-primary); }\n    .btn__dropdown_wrap.btn__white {\n      background-color: #eff5ff;\n      color: var(--brand-primary);\n      box-shadow: 0 5px 21px var(--brk-base-1); }\n    .btn__dropdown_wrap:before {\n      position: absolute;\n      font-family: 'Font Awesome\\ 5 Free';\n      font-size: 13px;\n      content: '\\f0dd';\n      top: calc(50% - 2px);\n      right: 19px;\n      line-height: 1;\n      transform: translateY(-50%);\n      font-weight: 600; }\n    .btn__dropdown_wrap.open {\n      transition: all 300ms; }\n      .btn__dropdown_wrap.open:before {\n        content: '\\f0de';\n        top: 50%; }\n    .btn__dropdown_wrap button:hover, .btn__dropdown_wrap button:focus {\n      background: none !important; }\n  .btn__dropdown_item {\n    border-bottom: 1px solid;\n    border-right: 1px solid;\n    padding-left: 18px;\n    text-align: left; }\n    .btn__primary .btn__dropdown_item {\n      border-color: var(--brk-base-3);\n      background: var(--brand-primary); }\n      .btn__primary .btn__dropdown_item a, .btn__primary .btn__dropdown_item button {\n        color: #ffffff; }\n        .btn__primary .btn__dropdown_item a:hover, .btn__primary .btn__dropdown_item button:hover {\n          color: #ffffff; }\n    .btn__white .btn__dropdown_item {\n      border-color: #dee9fc;\n      background: #fff; }\n      .btn__white .btn__dropdown_item a, .btn__white .btn__dropdown_item button {\n        color: var(--brand-primary); }\n        .btn__white .btn__dropdown_item a:hover, .btn__white .btn__dropdown_item button:hover {\n          color: var(--brand-primary); }\n    .btn__dropdown_item:first-child {\n      padding-top: 2px; }\n    .btn__dropdown_item:last-child {\n      border-bottom: none; }\n  .btn__dropdown_btn {\n    text-transform: uppercase;\n    font-weight: inherit;\n    text-align: left;\n    font-size: 14px;\n    padding: 9px 9px;\n    margin: 0;\n    border: none;\n    background-color: transparent; }\n    .btn__dropdown_item .btn__dropdown_btn {\n      box-shadow: none; }\n\n.margin-box__btn-round {\n  margin: 25px 0; }\n  @media (min-width: 768px) {\n    .margin-box__btn-round {\n      margin: 0; } }\n\n.margin-box__btn-dropdown {\n  margin-top: 30px;\n  margin-bottom: 1em; }\n  @media (min-width: 768px) {\n    .margin-box__btn-dropdown {\n      margin-bottom: 63px; } }\n  @media (max-width: 767px) {\n    .col-lg-3:first-child .margin-box__btn-dropdown {\n      margin-top: 0; } }\n\n.btn--square {\n  border: 2px solid var(--brand-primary);\n  border-radius: 0;\n  padding: 12px 42px;\n  overflow: hidden;\n  margin: 0; }\n  .btn--square .angle {\n    width: 10px;\n    height: 300%;\n    position: absolute;\n    display: block;\n    transform: translate(-50%, -50%) rotate(-45deg);\n    top: 0;\n    left: 100%;\n    transition: top .2s, left .2s; }\n  .btn--square:hover .angle {\n    top: 3%;\n    left: 97%; }\n\n.btn-backgrounds {\n  display: inline-block;\n  min-width: 260px;\n  height: 56px;\n  border-radius: 28px;\n  background-color: #fff;\n  position: relative;\n  letter-spacing: -0.06em;\n  padding-right: 25px;\n  font-size: 0.8125rem;\n  line-height: 56px; }\n  .btn-backgrounds .before {\n    position: absolute;\n    top: 50%;\n    right: 7px;\n    transform: translateY(-50%);\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    padding-right: 23px;\n    letter-spacing: -0.06em; }\n    .brk-bordered-theme .btn-backgrounds .before {\n      border-radius: var(--b-radius); }\n    .btn-backgrounds .before i {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      vertical-align: 0;\n      font-size: 1.125rem; }\n  .brk-bordered-theme .btn-backgrounds {\n    border-radius: var(--b-radius); }\n  .btn-backgrounds_wauto {\n    min-width: 1px;\n    white-space: nowrap; }\n  .btn-backgrounds_md {\n    height: 46px;\n    line-height: 46px; }\n  .btn-backgrounds_280 {\n    min-width: 280px; }\n  .btn-backgrounds_200 {\n    min-width: 200px; }\n  .btn-backgrounds_white {\n    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.2);\n    color: #272727; }\n    .btn-backgrounds_white .before {\n      background-color: #eee; }\n  .btn-backgrounds_dark {\n    box-shadow: 0 0 26px rgba(0, 0, 0, 0.3);\n    color: #fff; }\n    .btn-backgrounds_dark .before {\n      border: solid 2px rgba(255, 255, 255, 0.4); }\n      .btn-backgrounds_dark .before i {\n        color: #fff; }\n  .btn-backgrounds_dark-classic {\n    background-color: var(--brand-primary);\n    color: #ffffff;\n    overflow: hidden; }\n    .btn-backgrounds_dark-classic:before, .btn-backgrounds_dark-classic:after {\n      content: '';\n      position: absolute;\n      left: 0;\n      right: 0;\n      background-color: rgba(255, 255, 255, 0.1);\n      height: 50%;\n      z-index: 0; }\n    .btn-backgrounds_dark-classic:before {\n      top: -100%;\n      transition: top .3s; }\n    .btn-backgrounds_dark-classic:after {\n      bottom: -100%;\n      transition: bottom .3s; }\n    .btn-backgrounds_dark-classic .text {\n      position: relative;\n      z-index: 2; }\n    .btn-backgrounds_dark-classic:hover {\n      color: #ffffff; }\n      .btn-backgrounds_dark-classic:hover:before {\n        top: 0; }\n      .btn-backgrounds_dark-classic:hover:after {\n        bottom: 0; }\n    .btn-backgrounds_dark-classic:focus, .btn-backgrounds_dark-classic:active {\n      color: #ffffff; }\n    .btn-backgrounds_dark-classic .before {\n      width: 34px;\n      height: 34px;\n      background-color: rgba(0, 0, 0, 0.1);\n      z-index: 2; }\n      .btn-backgrounds_dark-classic .before i {\n        font-size: 0.9375rem; }\n  .btn-backgrounds_white-classic {\n    background-color: #fff;\n    color: #272727;\n    overflow: hidden; }\n    .btn-backgrounds_white-classic:before, .btn-backgrounds_white-classic:after {\n      content: '';\n      position: absolute;\n      left: 0;\n      right: 0;\n      background-color: rgba(0, 0, 0, 0.05);\n      height: 50%;\n      z-index: 0; }\n    .btn-backgrounds_white-classic:before {\n      top: -100%;\n      transition: top .3s; }\n    .btn-backgrounds_white-classic:after {\n      bottom: -100%;\n      transition: bottom .3s; }\n    .btn-backgrounds_white-classic .text {\n      position: relative;\n      z-index: 2; }\n    .btn-backgrounds_white-classic:hover {\n      color: #272727; }\n      .btn-backgrounds_white-classic:hover:before {\n        top: 0; }\n      .btn-backgrounds_white-classic:hover:after {\n        bottom: 0; }\n    .btn-backgrounds_white-classic:focus, .btn-backgrounds_white-classic:active {\n      color: #272727; }\n    .btn-backgrounds_white-classic .before {\n      width: 34px;\n      height: 34px;\n      background-color: rgba(0, 0, 0, 0.1);\n      z-index: 2; }\n      .btn-backgrounds_white-classic .before i {\n        font-size: 0.9375rem; }\n  .btn-backgrounds_transparent {\n    background-color: transparent;\n    box-shadow: none;\n    color: #fff;\n    border: 1px solid rgba(255, 255, 255, 0.16); }\n    .btn-backgrounds_transparent .before {\n      background-color: #fff; }\n      .btn-backgrounds_transparent .before i {\n        color: var(--brand-primary); }\n    .btn-backgrounds_transparent:hover {\n      color: #fff;\n      text-decoration: underline; }\n  .btn-backgrounds_left-icon {\n    padding-right: 0;\n    padding-left: 25px; }\n    .btn-backgrounds_left-icon .before {\n      right: auto;\n      left: 7px; }\n  .btn-backgrounds_right-icon {\n    padding-right: 25px;\n    padding-left: 0; }\n  .btn-backgrounds_no-icon {\n    padding-left: 25px;\n    padding-right: 25px;\n    text-align: center; }\n\n.btn-bottom-position {\n  position: absolute;\n  left: 50%;\n  bottom: 0;\n  transform: translate(-50%, 50%);\n  margin: 0; }\n\n.btn-violet {\n  font-size: 0.75rem;\n  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1) !important; }\n  .btn-violet:hover {\n    background: rgba(114, 2, 187, 0.05); }\n  .btn-violet .before,\n  .btn-violet .after {\n    padding-left: 0 !important;\n    padding-right: 10px;\n    color: var(--secondary); }\n  .btn-violet .text {\n    color: var(--secondary) !important;\n    margin-right: 10px; }\n  .btn-violet i {\n    position: absolute !important;\n    top: 50%;\n    right: 20px;\n    margin-right: 0 !important;\n    transform: translateY(-50%); }\n    .btn-violet i:before {\n      color: var(--secondary) !important; }\n"]}