/** * stylesheets to @import component only * Do not writes css here for components */ /* theme default button */ .btn { font-family: "Poppins", sans-serif; font-weight: 600; font-size: 1.3rem; line-height: 1.5rem; display: flex; align-items: center; text-align: center; letter-spacing: 0.04rem; text-transform: uppercase; display: inline-block; border-radius: 0; position: relative; } .navbar_v1 .nav-link.btn_common { font-style: normal; font-weight: 600; font-size: 13px; line-height: 13px; letter-spacing: 0.04em; text-transform: uppercase; color: white; background: #4042D9; padding: 17px 20px !important; transition: all 0.5s ease-in-out; max-width: 160px; width: 100%; text-align: center; position: relative; text-decoration: none; } @media (min-width: 992px) { .btn_common:after { content: ""; position: absolute; width: 30px; height: 1px; top: 50%; right: -30px; background-color: #d1d4dd; } } /* donate button */ .btn-donate { background: #1267e6; padding: 13px 30px; color: #fff; transition: all ease 0.5s; } .btn-donate:hover { background: #5695f5; color: #fff; }  /* donate button2 */ .btn-donate2 { background: #e31112; padding: 15px 30px; color: #fff; font-size: 16px; line-height: 1.8rem; transition: all ease 0.5s; } .btn-donate2:hover { background: #5695f5; color: #fff; } @media (min-width: 992px) { .btn-donate2 { padding: 2rem 4rem; font-size: 1.8rem; line-height: 2rem; } } /* buton post */ .btn-post-comments { background: #1267e6; padding: 1.6rem 4.8rem; color: #fff; transition: all ease 0.5s; margin-right: 25px; } .btn-post-comments:hover { background: #5695f5; color: #fff; } .btn-post-comments:after { content: ""; position: absolute; background-color: #d1d4dd; height: 0.1rem; width: 5.5rem; top: 45%; right: -25px; } /* buton add to cart */ .btn-add-to-cart { background: #1267e6; padding: 1.6rem 3.5rem 1.6rem 3rem; color: #fff; transition: all ease 0.5s; margin-right: 25px; } .btn-add-to-cart:hover { background: #5695f5; color: #fff; } .btn-add-to-cart:after { content: ""; position: absolute; background-color: #d1d4dd; height: 0.1rem; width: 5.5rem; top: 45%; right: -3rem; } /* join now button*/ .btn-joinnow { background: #15213d; padding: 1.5rem 6rem 1.5rem 3rem; font-size: 1.6rem; line-height: 1.8rem; color: #ffffff; text-decoration: none; position: relative; } .btn-joinnow:hover { background: #1267e5; color: #ffffff; } .btn-joinnow:after { content: ""; background: url(http://3.7.93.65/political-theme-jaydeb/wp-content/uploads/2020/07/arrow-icon.svg) no-repeat 0 0; background-size: auto; width: 1.6rem; height: 1.6rem; position: absolute; right: 3rem; top: 0; bottom: 0; margin: auto; transition: all ease 0.5s; } .btn-joinnow:hover:after { right: 2rem; } .btn-joinnow2 { background: #e31112; padding: 1.5rem 2rem; font-style: normal; line-height: 2rem; color: #ffffff; } .btn-joinnow2:hover { background: #15213d; color: #ffffff; } /* register button */ .btn-register { background: #eb5757; color: #ffffff; font-style: normal; border-radius: 0.6rem; padding: 1.5rem 2rem; line-height: 1.6rem; } .btn-register:hover { background: #15213d; color: #ffffff; } .btn-knowmore { background: #060606; color: #ffffff; font-style: normal; border-radius: 0; padding: 1.5rem 4rem; line-height: 1.3rem; transition: all ease 0.5s; } .btn-knowmore:hover { background: #f05573; color: #ffffff; } /* request button */ .btn-request { background: #e31112; padding: 1.6rem 4.8rem; color: #fff; transition: all ease 0.5s; margin-right: 25px; } .btn-request:hover { background: #ec6061; color: #fff; } .btn-request:after { content: ""; position: absolute; background-color: #d1d4dd; height: 0.1rem; width: 5.5rem; top: 45%; right: -25px; } /* load more button */ .btn-loadmore { background: #1267e6; padding: 1.3rem 3rem; color: #fff; transition: all ease 0.5s; } .btn-loadmore:hover { background: #5695f5; color: #fff; } .btn-loadmore:after { content: ""; position: absolute; background-color: #d1d4dd; height: 0.1rem; width: 5.5rem; top: 45%; left: 100%; }