/* Sale Event */

.container-flex{
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
}
.container-flex-row{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}
.sale-flex {
	background: radial-gradient(100% 100% at var(--4-x-position) var(--4-y-position), #2845b8 0%, transparent),radial-gradient(100% 100% at var(--5-x-position) var(--5-y-position), #fa0032 0%, transparent),#1b253b;animation-name: main; animation-iteration-count: infinite; animation-duration: 2s; transition-timing-function: ease-in;}
	  @property --4-x-position {
      syntax: '<percentage>';
        inherits: false;
        initial-value: 20%;
      }@property --4-y-position {
        syntax: '<percentage>';
          inherits: false;
          initial-value: 80%;
        }@property --5-x-position {
      syntax: '<percentage>';
        inherits: false;
        initial-value: 80%;
      }@property --5-y-position {
        syntax: '<percentage>';
          inherits: false;
          initial-value: 20%;
        }:root {--4-x-position: 20%;--4-y-position: 80%;--5-x-position: 80%;--5-y-position: 20%;}
    @keyframes main {
      25% {--4-x-position: 15%;--4-y-position: 15%;--5-x-position: 85%;--5-y-position: 80%;}50% {--4-x-position: 80%;--4-y-position: 15%;--5-x-position: 15%;--5-y-position: 85%;}
}
.sale-top{
	color: #fff;
	font-size: clamp(1.4rem, 1.1827rem + 0.4533vw, 1.5rem);
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0.25em;
}
.btn-sale{
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	line-height: 2rem;
	background: #BF0F0F;
	background: -webkit-linear-gradient(to left, #DC281E, #BF0F0F);
	background: linear-gradient(to left, #DC281E, #BF0F0F);
	padding: 1rem 1.5rem;
}
.btn-sale:hover {
	color: #111;
	background: #BF0F0F;
	background: -webkit-linear-gradient(to left, #BF0F0F, #DC281E);
	background: linear-gradient(to left, #BF0F0F, #DC281E);
}
.btn-outline-white{
	font-weight: 600;
	color: #fff;
	border: 2px solid #fff !important;
	background-color: transparent;
	border-radius: 0;
	margin: .5rem 0;
}
.btn-outline-white:hover{
	border: 2px solid #fff;
	background-color: #fff;
	color: #000;
}

@media only screen and (max-width: 576px) {
	.btn-sale{
		font-size: 1.3rem;
		line-height: 1.5rem;
		letter-spacing: 0;
		padding: 0.5rem 1rem;
	}
	.sale-top{
		font-size: clamp(1.2rem, 1.0914rem + 0.2266vw, 1.25rem);
	}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (min-width: 1440px) {
}
@media only screen and (min-width: 2560px) {
}
/* End Sale Event */