/* ----------------------------------------- */ /* Content Template: loop-item-in-marketing-views - start */ /* ----------------------------------------- */ .btn-scroll {background-color:#000;border: 5px solid rgba(0, 0, 0, 0.26); overflow: hidden; display: inline-flex; justify-content: center; min-height: 130px; justify-content: center; align-items: center;} .btn-scroll-text {padding: 20px;} .btn-scroll-text h2{color: #fff !important;text-align:center;} .btn-scroll { border: 0; box-sizing: border-box; box-shadow: inset 0 0 0 5px #00000054; position: relative; } .btn-scroll::before, .btn-scroll::after { box-sizing: inherit; content: ''; position: absolute;} /*.btn-scroll { transition: color 0.25s;}*/ .btn-scroll::before, .btn-scroll::after { border: 5px solid transparent; width: 0; height: 0;} .btn-scroll::before { top: 0; left: 0;} .btn-scroll::after { bottom: 0; right: 0;} .btn-scroll:hover::before, .btn-scroll:hover::after { width: 100%; height: 100%;} .btn-scroll:hover::before { border-top-color: #effe04; border-right-color: #da0e7e; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;} .btn-scroll:hover::after { border-bottom-color: #0eb7da; border-left-color: #ff8800; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;} .wpb_revslider_element a::after { height: 0px !important;} .btn-scroll-text{text-align:center;} .btn-scroll-text i { font-size: 5vh !important; color: #f2c204;} /* ----------------------------------------- */ /* Content Template: loop-item-in-marketing-views - end */ /* ----------------------------------------- */