@charset "utf-8";

@media screen and (min-width: 992px),
print {
    
    
}


.button1 a {
    background:#C60D46;
    border-radius:20px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    width: 90%;
    padding:15px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:1;
}

@media screen and (min-width: 768px) and (max-width:991px),print{
    .button1 a {
    
    margin-bottom:30px;
}
}

@media screen and (min-width: 992px),
print {
    .button1 a {
    margin-bottom:0;
    width: 310px;
}
    
}


.button1 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button1 a:hover {
  background:#DAC6C6;
  color: #FFF;
}
.button1 a:hover:after {
  right: 1.4rem;
}

.button2 a {
    background:#C60D46;
    border-radius:50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 30px;
    width: 80%;
    padding:12px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:1;
}

@media screen and (min-width: 768px) and (max-width:991px),print{
    .button2 a {
    
    margin-bottom:30px;
}
}

@media screen and (min-width: 992px),
print {
    .button2 a {
    margin-bottom:0;
    width: 310px;
}
    
}


.button2 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button2 a:hover {
  background:#DAC6C6;
  color: #FFF;
}
.button2 a:hover:after {
  right: 1.4rem;
}

.button3 a {
    background:#C60D46;
    border-radius:50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 30px;
    width: 80%;
    padding:12px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:1;
}

@media screen and (min-width: 768px) and (max-width:991px),print{
    .button3 a {
    
    margin-bottom:30px;
}
}

@media screen and (min-width: 992px),
print {
    .button3 a {
    margin-bottom:60px;
    width: 310px;
}
    
}


.button3 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button3 a:hover {
  background:#DAC6C6;
  color: #FFF;
}
.button3 a:hover:after {
  right: 1.4rem;
}

.button4 a {
    background:#CC8395;
    border-radius:50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 30px;
    width: 80%;
    padding:7px 5px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:1;
}

@media screen and (min-width: 768px) and (max-width:991px),print{
    .button4 a {
    
    margin-bottom:30px;
}
}

@media screen and (min-width: 992px),
print {
    .button4 a {
    margin-bottom:60px;
    width: 310px;
}
    
}


.button4 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button4 a:hover {
  background:#DAC6C6;
  color: #FFF;
}
.button4 a:hover:after {
  right: 1.4rem;
}


.button5 a {
    background:#F5F311;
    border-radius:50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin:15px auto 30px;
    width: 80%;
    padding:7px 5px;
    color:#CD4108;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:1;
}

@media screen and (min-width: 768px) and (max-width:991px),print{
    .button5 a {
    
    margin-bottom:30px;
}
}

@media screen and (min-width: 992px),
print {
    .button5 a {
    margin-bottom:60px;
    width: 310px;
        
}
    
}


.button5 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button5 a:hover {
  background:#DAC6C6;
  color: #FFF;
}
.button5 a:hover:after {
  right: 1.4rem;
}

.button6 a {
    background:#C60D46;
    border-radius:50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 30px;
    width:100%;
    padding:12px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:1;
    font-size:12px;
}

@media screen and (min-width: 768px) and (max-width:991px),print{
    .button6 a {
    
    margin-bottom:30px;
}
}

@media screen and (min-width: 992px),
print {
    .button6 a {
    margin-bottom:0;
    width:450px;
        font-size:16px;
}
    
}


.button6 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button6 a:hover {
  background:#DAC6C6;
  color: #FFF;
}
.button6 a:hover:after {
  right: 1.4rem;
}


.button7 a {
    background:#C60D46;
    border-radius:50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 30px;
    width: 80%;
    padding:12px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:1;
}

@media screen and (min-width: 768px) and (max-width:991px),print{
    .button7 a {
    width:100%;
    margin-bottom:30px;
}
}

@media screen and (min-width: 992px),
print {
    .button7 a {
    margin-bottom:0;
    width: 310px;
}
    
}


.button7 a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button7 a:hover {
  background:#DAC6C6;
  color: #FFF;
}
.button7 a:hover:after {
  right: 1.4rem;
}