@charset "utf-8";
/* CSS Document */

#twd_cookie_bar {
	font-size: 14px;
	padding: 10px;
	position: fixed;
	animation: name-of-animation 2000ms 1;
	bottom: 0px;
	width: calc(100% - 20px);
	text-align: center;
	display: inline;
	z-index: 1000000000;
}
@-webkit-keyframes name-of-animation {
  0% {bottom:-200px;opacity:0}
  90% { bottom:0px;opacity:1}  
  95% { bottom:0px;opacity:.6}   
  100% { bottom:0px;opacity:1}
}
.twd_cookie_bar_button.both:before,
.twd_cookie_bar_button.both:after {
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.twd_cookie_bar_button.both .inner:before,
.twd_cookie_bar_button.both .inner:after {
  top: 0;
  width: 2px;
  height: 100%;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.twd_cookie_bar_button.both .inner:before {
  left: 0;
}
.twd_cookie_bar_button.both .inner:after {
  right: 0;
}
.twd_cookie_bar_button.both .inner:hover:before,
.twd_cookie_bar_button.both .inner:hover:after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.twd_cookie_bar_button.both:before {
  top: 0;
}
.twd_cookie_bar_button.both:after {
  bottom: 0;
}
.twd_cookie_bar_button.both:hover:before,
.twd_cookie_bar_button.both:hover:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.twd_cookie_bar_button.both:hover .inner:before,
.twd_cookie_bar_button.both:hover .inner:after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.twd_cookie_bar_button.both.clockwise .inner:before {
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
.twd_cookie_bar_button.both.clockwise .inner:after {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.twd_cookie_bar_button.both.clockwise:before {
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
.twd_cookie_bar_button.both.clockwise:after {
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.twd_cookie_bar_button.both.clockwise:hover .inner:before {
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.twd_cookie_bar_button.both.clockwise:hover .inner:after {
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
.twd_cookie_bar_button.both.clockwise:hover:before {
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.twd_cookie_bar_button.both.clockwise:hover:after {
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
.twd_cookie_bar_button_area {
	margin: 10px 0 0 0;
}
.twd_cookie_bar_button {
	position: relative;
	cursor: pointer;
	padding: 10px 10px;
	width: calc(40% - 24px);
	margin: 10px 5%;
	float: left;
	text-transform: uppercase;
	font-size: 12px;
}
.twd_cookie_bar_button:hover {
  border: 2px solid transparent;
}
.twd_cookie_bar_button .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.twd_cookie_bar_button:before, .twd_cookie_bar_button:after, .twd_cookie_bar_button .inner:before, .twd_cookie_bar_button .inner:after {
  position: absolute;
  content: "";
  display: block;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.twd_cookie_bar_button.both:before,
.twd_cookie_bar_button.both:after {
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.twd_cookie_bar_button.both .inner:before,
.twd_cookie_bar_button.both .inner:after {
  top: 0;
  width: 2px;
  height: 100%;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.twd_cookie_bar_button.both .inner:before {
  left: 0;
}
.twd_cookie_bar_button.both .inner:after {
  right: 0;
}
.twd_cookie_bar_button.both .inner:hover:before,
.twd_cookie_bar_button.both .inner:hover:after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.twd_cookie_bar_button.both:before {
  top: 0;
}
.twd_cookie_bar_button.both:after {
  bottom: 0;
}
.twd_cookie_bar_button.both:hover:before,
.twd_cookie_bar_button.both:hover:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.twd_cookie_bar_button.both:hover .inner:before,
.twd_cookie_bar_button.both:hover .inner:after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}