.primary_btn_read{ -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; background: #e16521; background: -webkit-gradient(linear, left top, right top, from(#e16521), to(#e4381C)); background: -o-linear-gradient(left, #e16521, #e4381C); background: linear-gradient(to right, #e16521, #e4381C); content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; border-radius: 2px;} .primary_btn_read{display: inline-block; font-size: 14px; font-family: "Oswald", sans-serif; font-weight: 600; padding: 0 12px; letter-spacing: 2px; text-transform: uppercase; text-align: center; width: 160px; height: 46px; border-left: 2px solid #e16521; border-right: 2px solid #e4381C; -webkit-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 0 100%; background-size: 100% 2px; background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, #e4381C), to(#e16521)), -webkit-gradient(linear, left top, right top, from(#e4381C), color-stop(0%, #e16521)); background-image: -o-linear-gradient(left, #e4381C 100%, #e16521 100%), -o-linear-gradient(left, #e4381C 0%, #e16521 0%); background-image: linear-gradient(to right, #e4381C 100%, #e16521 100%), linear-gradient(to right, #e4381C 0%, #e16521 0%); -webkit-transition-duration: 1000ms; -o-transition-duration: 1000ms; transition-duration: 1000ms; line-height: 45px; position: relative; z-index: 1; border-radius: 4px;} .primary_btn_read{-webkit-transition: all 0.6s ease 0.6s; -o-transition: all 0.6s ease 0.6s; transition: all 0.6s ease 0.6s; position: relative; top: 50px; display: inline-flex; justify-content: center;} .btn_content{display: flex; justify-content: center;} .btn_content .primary_btn_read { top: 0; } .btn_content .primary_btn_read { -webkit-transition: all 0.6s ease 0.6s; -o-transition: all 0.6s ease 0.6s; transition: all 0.6s ease 0.6s; } .btn_content .primary_btn_read { position: relative; top: 50px; } .btn_content a{color: inherit;} .btn_read_more{ -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; background: #e16521; background: -webkit-gradient(linear, left top, right top, from(#e16521), to(#e4381C)); background: -o-linear-gradient(left, #e16521, #e4381C); background: linear-gradient(to right, #e16521, #e4381C); content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; border-radius: 2px;} .btn_read_more{display: inline-block; font-size: 14px; font-family: "Oswald", sans-serif; font-weight: 600; padding: 0 12px; letter-spacing: 2px; text-transform: uppercase; text-align: center; width: 160px; height: 46px; border-left: 2px solid #e16521; border-right: 2px solid #e4381C; -webkit-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 0 100%; background-repeat: repeat; background-size: 100% 2px; background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, #e4381C), to(#e16521)), -webkit-gradient(linear, left top, right top, from(#e4381C), color-stop(0%, #e16521)); background-image: -o-linear-gradient(left, #e4381C 100%, #e16521 100%), -o-linear-gradient(left, #e4381C 0%, #e16521 0%); background-image: linear-gradient(to right, #e4381C 100%, #e16521 100%), linear-gradient(to right, #e4381C 0%, #e16521 0%); -webkit-transition-duration: 1000ms; -o-transition-duration: 1000ms; transition-duration: 1000ms; line-height: 45px; position: relative; z-index: 1; border-radius: 4px;} .btn_add_extras{display: inline; font-size: 14px; font-family: "Oswald", sans-serif; font-weight: 600; padding: 0 12px; letter-spacing: 2px; text-transform: uppercase; text-align: center; width: 160px; height: 46px; border-left: 2px solid #e16521; border-right: 2px solid #e4381C; -webkit-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 0 100%; background-repeat: repeat; background-size: 100% 2px; background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, #e4381C), to(#e16521)), -webkit-gradient(linear, left top, right top, from(#e4381C), color-stop(0%, #e16521)); background-image: -o-linear-gradient(left, #e4381C 100%, #e16521 100%), -o-linear-gradient(left, #e4381C 0%, #e16521 0%); background-image: linear-gradient(to right, rgb(245, 207, 201) 100%, #e7c0ab 100%), linear-gradient(to right, rgb(226, 150, 138) 0%, #e16521 0%); -webkit-transition-duration: 1000ms; -o-transition-duration: 1000ms; transition-duration: 1000ms; line-height: 45px; position: relative; z-index: 1; border-radius: 4px;} @media (max-width: 600px) { .intro__button { padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; font-size: 15px; } } @media (max-width: 768px) { .intro__button { padding-top: 0px; padding-right: 25px; padding-bottom: 0px; padding-left: 25px; line-height: 3; font-size: 15px; } } @media (max-width: 900px) { .intro__button { padding-top: 0px; padding-right: 35px; padding-bottom: 0px; padding-left: 35px; line-height: 3.3; font-size: 16px; } } .intro__button { padding-top: 0px; padding-right: 46px; padding-bottom: 0px; padding-left: 46px; line-height: 3.61; } .button--intro { font-family: "Open Sans",sans-serif; font-size: 18px; font-weight: 600; line-height: 2.22; text-align: center; color: #fff; border: none; border-radius: 4px; cursor: pointer; outline: 0; } .button--intro{font-family:"Open Sans",sans-serif;font-size:18px;font-weight:600;line-height:2.22;text-align:center;color:#fff;border:none;border-radius:4px;cursor:pointer;outline:0}.button--intro:active{color:rgba(255,255,255,.7)}.button--red{background-image:-webkit-gradient(linear,left top,right top,from(#c11717),to(#e42626));background-image:linear-gradient(90deg,#c11717 0,#e42626 100%)}.button--red:focus,.button--red:hover{background:#c10b0b}; .button--orange:focus,.button--orange:hover{ -webkit-box-shadow: 0 8px 10px 0 rgba(255,72,32,.19); box-shadow: 0 8px 10px 0 rgba(255,72,32,.19); } .button--orange:hover{ -webkit-box-shadow: 0 8px 10px 0 rgba(255,72,32,.19); box-shadow: 0 8px 10px 0 rgba(255,72,32,.19); } .price__button { margin-top: 15px; line-height: 3; } .button--orange { background: -webkit-gradient(linear,left top,right top,from(#ff2e00),to(#ff4c25)); background: linear-gradient(90deg,#ff2e00 0,#ff4c25 100%); } .button--green:focus,.button--orange:hover{ -webkit-box-shadow: 0 8px 10px 0 rgba(255,72,32,.19); box-shadow: 0 8px 10px 0 rgba(255,72,32,.19); } .button--green:hover{ -webkit-box-shadow: 0 8px 10px 0 rgba(32, 255, 62, 0.19); box-shadow: 0 8px 10px 0 rgba(32, 255, 80, 0.19); } .button--green { background: -webkit-gradient(linear,left top,right top,from(#008e00),to(#00a300)); background: linear-gradient(90deg,#008e00 0,#00a300 100%); } .button--grey:focus,.button--grey:hover{ -webkit-box-shadow: 0 8px 10px 0 rgba(110, 97, 94, 0.19); box-shadow: 0 8px 10px 0 rgba(128, 114, 110, 0.19); } .button--grey:hover{ -webkit-box-shadow: 0 8px 10px 0 rgba(92, 102, 93, 0.19); box-shadow: 0 8px 10px 0 rgba(129, 134, 130, 0.19); } .button--grey { background-color: #9a9a9a; } .dd-button--gradient { color: transparent; border-color: transparent; background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(90deg,#ff604a,#ff2b6a); background-origin: border-box; background-clip: content-box,border-box; box-shadow: 2px 1000px 1px #fff inset; } .dd-button { display: inline-block; padding: .625rem 3.75rem; text-decoration: none!important; transition: .3s; border: solid 2px #313131; color: #313131; font-weight: 600; } .dd-button--gradient .dd-button__text { background: linear-gradient(90deg,#ff604a,#ff2b6a); -webkit-background-clip: text; background-clip: text; } .dd-button__text { font-weight: 600; font-size: 1.125rem; } .dd-button{display:inline-block;padding:.625rem 3.75rem;text-decoration:none!important;transition:.3s;border:solid 2px #313131;color:#313131;font-weight:600}.dd-button:hover{color:#fff;background-color:#313131}.dd-button:hover.dd-button--gradient{color:#fff;box-shadow:none}.dd-button:hover.dd-button--filled.dd-button--gradient{color:transparent;box-shadow:2px 1000px 1px #fff inset}.dd-button__text{font-weight:600;font-size:1.125rem}.dd-button--gradient{color:transparent;border-color:transparent;background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(90deg,#ff604a,#ff2b6a);background-origin:border-box;background-clip:content-box,border-box;box-shadow:2px 1000px 1px #fff inset}.dd-button--gradient .dd-button__text{background:linear-gradient(90deg,#ff604a,#ff2b6a);-webkit-background-clip:text;background-clip:text}.dd-button--filled{color:#fff;box-shadow:none}