.button-pdf {position:relative;display:inline-block;height:40px;padding:0;font-family:'MainFont', sans-serif;font-size:1.2rem;font-weight:100;text-align:center;text-decoration:none;border: 1px solid #ccc;border-radius:4px;background:transparent;cursor:pointer;color:#fff;overflow: hidden;}.button-pdf .icon-pdf {margin-right: 2px;}.button-pdf .pdf-1st, .button-pdf .pdf-2nd {display:block;padding: 0 8px;line-height:40px;color:var(--color-primary);transition:margin 0.4s;}.button-pdf .pdf-1st {background:var(--color-primary);color: #fff;}.button-pdf:hover .pdf-1st {margin-top:-40px;}button {margin: 12px;outline:none;}.custom-btn {position:relative;display:inline-block;width:auto;height:auto;padding: 10px 10px 8px 8px;border: 1px solid #ccc;border-radius:4px;font-family:'MainFont';font-size: 1.2rem;font-weight:100;background:transparent;transition:all 0.3s ease;cursor:pointer;}.button-text {color:var(--color-primary);}.custom-btn:hover .button-text {color: #fff;}.custom-btn:focus {outline:none;}.btn-15 {background:oklch(96.12% 0 0);color:var(--color-primary);z-index:1;}.btn-15:after {content:'';position:absolute;top:0;right:0;width:0;height:100%;background:var(--color-primary);color: #fff;transition:all .8s ease;z-index:-1;}.btn-15:hover {color: #fff;}.btn-15:hover:after {left:0;width:100%;border-radius:4px;}.btn-15:active {top:2px;}.btn-1 {transition: all 0.3s ease;}.btn-1:hover {box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;}.btn-2 {}.btn-2:after {position: absolute;content: "";top: 5px;left: 6px;width: 90%;height: 70%;border: 1px solid #000;opacity: 0;transition: all 0.3s ease;}.btn-2:hover:after {opacity: 1;}.btn-3 {line-height: 39px;padding: 0;}.btn-3:hover{background: transparent;color: #000;}.btn-3 span {position: relative;display: block;width: 100%;height: 100%;}.btn-3:before, .btn-3:after {position: absolute;content: "";left: 0;top: 0;background: #000;transition: all 0.3s ease;}.btn-3:before {height: 0%;width: 2px;}.btn-3:after {width: 0%;height: 2px;}.btn-3:hover:before {height: 100%;}.btn-3:hover:after {width: 100%;}.btn-3 span:before, .btn-3 span:after {position: absolute;content: "";right: 0;bottom: 0;background: #000;transition: all 0.3s ease;}.btn-3 span:before {width: 2px;height: 0%;}.btn-3 span:after {width: 0%;height: 2px;}.btn-3 span:hover:before {height: 100%;}.btn-3 span:hover:after {width: 100%;}.btn-4 {position: relative;color: #000;z-index: 2;line-height: 40px;padding: 0;}.btn-4:hover{border: none;}.btn-4:before, .btn-4:after {position: absolute;content: "";width: 0%;height: 0%;border: 2px solid;z-index: -1;transition: all 0.3s ease;}.btn-4:before {top: 0;left: 0;border-bottom-color: transparent;border-right-color: transparent;border-top-color: #000;border-left-color: #000;}.btn-4:after{bottom: 0;right: 0;border-top-color: transparent;border-left-color: transparent;border-bottom-color: #000;border-right-color: #000;}.btn-4:hover:before, .btn-4:hover:after {border-color: #000;height: 100%;width: 100%;}.btn-5 {background: #000;color: #fff;line-height: 42px;padding: 0;border: none;}.btn-5:hover {background: transparent;color: #000;box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;}.btn-5:before, .btn-5:after{content:'';position:absolute;top:0;right:0;height:2px;width:0;background: #000;transition:400ms ease all;}.btn-5:after{right:inherit;top:inherit;left:0;bottom:0;}.btn-5:hover:before, .btn-5:hover:after{width:100%;transition:800ms ease all;}.btn-6 {background: #000;color: #fff;line-height: 42px;padding: 0;border: none;}.btn-6 span {position: relative;display: block;width: 100%;height: 100%;}.btn-6:before, .btn-6:after {position: absolute;content: "";height: 0%;width: 2px;background: #000;}.btn-6:before {right: 0;top: 0;transition: all 500ms ease;}.btn-6:after {left: 0;bottom: 0;transition: all 500ms ease;}.btn-6:hover{color: #000;background: transparent;}.btn-6:hover:before {transition: all 500ms ease;height: 100%;}.btn-6:hover:after {transition: all 500ms ease;height: 100%;}.btn-6 span:before, .btn-6 span:after {position: absolute;content: "";background: #000;}.btn-6 span:before {left: 0;top: 0;width: 0%;height: 2px;transition: all 500ms ease;}.btn-6 span:after {right: 0;bottom: 0;width: 0%;height: 2px;transition: all 500ms ease;}.btn-6 span:hover:before {width: 100%;}.btn-6 span:hover:after {width: 100%;}.btn-7 {background: #000;color: #fff;line-height: 42px;padding: 0;border: none;z-index: 1;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}.btn-7:hover {background: transparent;color: #000;}.btn-7:before, .btn-7:after {position: absolute;content: "";left: 0;width: 100%;height: 50%;right: 0;z-index: -1;background: #000;transition: all 0.3s ease;}.btn-7:before {top: 0;}.btn-7:after {bottom: 0;}.btn-7:hover:before, .btn-7:hover:after {height: 0;background-color: #000;}.btn-8 {line-height: 40px;padding: 0;background: transparent;position: relative;z-index: 2;color: #fff;-webkit-perspective: 300px;perspective: 300px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}.btn-8:hover{color: #000;}.btn-8:after {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: #000;z-index: -1;-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-transform: rotateX(0);transform: rotateX(0);transition: all 0.3s ease;}.btn-8:hover:after {-webkit-transform: rotateX(-180deg);transform: rotateX(-180deg);}.btn-9 {z-index: 2;transition: all 0.3s ease;overflow: hidden;}.btn-9:after {position: absolute;content: " ";z-index: -1;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.3s ease;}.btn-9:hover {box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);color: #fff;}.btn-9:hover:after {-webkit-transform: scale(2) rotate(180deg);transform: scale(2) rotate(180deg);background: #000;box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);}.btn-10 {transition: all 0.3s ease;overflow: hidden;}.btn-10:after {position: absolute;content: " ";top: 0;left: 0;z-index: -1;width: 100%;height: 100%;transition: all 0.3s ease;-webkit-transform: scale(.1);transform: scale(.1);}.btn-10:hover {color: #fff;}.btn-10:hover:after {background: #000;-webkit-transform: scale(1);transform: scale(1);}.btn-11 {overflow: hidden;transition: all 0.3s ease;}.btn-11:hover {background: #000;color: #fff;}.btn-11:before {position: absolute;content: '';display: inline-block;top: -180px;left: 0;width: 30px;height: 100%;background-color: #fff;animation: shiny-btn1 3s ease-in-out infinite;}.btn-11:active{box-shadow: 4px 4px 6px 0 rgba(255,255,255,.3), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.2), inset 4px 4px 6px 0 rgba(0, 0, 0, .2);}@-webkit-keyframes shiny-btn1 {0% {-webkit-transform: scale(0) rotate(45deg);opacity: 0;}80% {-webkit-transform: scale(0) rotate(45deg);opacity: 0.5;}81% {-webkit-transform: scale(4) rotate(45deg);opacity: 1;}100% {-webkit-transform: scale(50) rotate(45deg);opacity: 0;}}.btn-12{position: relative;right: 20px;bottom: 20px;border:none;width: 130px;height: 40px;line-height: 40px;-webkit-perspective: 230px;perspective: 230px;}.btn-12 span {display: block;position: absolute;width: 130px;height: 40px;border: 2px solid #000;margin:0;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}.btn-12 span:nth-child(1) {box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);transform: rotateX(90deg);-webkit-transform-origin: 50% 50% -20px;-moz-transform-origin: 50% 50% -20px;transform-origin: 50% 50% -20px;}.btn-12 span:nth-child(2) {-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: 50% 50% -20px;-moz-transform-origin: 50% 50% -20px;transform-origin: 50% 50% -20px;}.btn-12:hover span:nth-child(1) {-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transform: rotateX(0deg);}.btn-12:hover span:nth-child(2) {background: #e0e5ec;color: #e0e5ec;-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);transform: rotateX(-90deg);}.btn-13 {background: #000;color: #fff;z-index: 1;}.btn-13:after {position: absolute;content: "";width: 100%;height: 0;bottom: 0;left: 0;z-index: -1;background: #e0e5ec;transition: all 0.3s ease;}.btn-13:hover {color: #000;}.btn-13:hover:after {top: 0;height: 100%;}.btn-13:active {top: 2px;}.btn-14 {background: #000;color: #fff;z-index: 1;}.btn-14:after {position: absolute;content: "";width: 100%;height: 0;top: 0;left: 0;z-index: -1;background: #e0e5ec;transition: all 0.3s ease;}.btn-14:hover {color: #000;}.btn-14:hover:after {top: auto;bottom: 0;height: 100%;}.btn-14:active {top: 2px;}.btn-16 {background: #000;color: #fff;z-index: 1;}.btn-16:after {position: absolute;content: "";width: 0;height: 100%;top: 0;left: 0;direction: rtl;z-index: -1;background: #e0e5ec;transition: all 0.3s ease;}.btn-16:hover {color: #000;}.btn-16:hover:after {left: auto;right: 0;width: 100%;}.btn-16:active {top: 2px;}