.policy-wrapper{
  padding-top: 15px;
  padding-bottom: 15px;
  background:#1456B7;
  position: relative;
  display: none;
}
.policy{
font-family: 'Quicksand', sans-serif;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
@media all and (max-width: 1024px) {
  .policy{
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media all and (max-width: 768px) {
  .policy{
    flex-direction: column;
    align-items: flex-start;
  }
}
.policy__text{
  color: white;
  text-align: left;
  font-size: 12px;
  width: calc(100% - 320px);
}
.policy__buttons{
  width: 280px;
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 768px) {
  .policy__text{
    width: 100%;
    margin-bottom: 15px;
    font-size: 12px;
  }
}
.policy__learn{
  color:white;
  text-decoration: underline;
  width: 125px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
    transition: 0.6s;
      border-radius: 25px;
  text-align: center;
  margin-right: 15px;
}
.policy__learn:hover{
  color:white;
  box-shadow: 0 0 15px 3px rgba(255,255,255, 0.5) inset;
}
.policy__learn:focus,
.policy__learn:active{
  color:white;
  box-shadow: 0 0 15px 3px rgba(255,255,255, 0.5) inset;
}
.policy__agree{
  display: inline-block;
  width: 165px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  text-transform: uppercase;
  border: 1px solid white;
  border-radius: 25px;
  color:white;
  letter-spacing: 1px;
  cursor: pointer;
  transition: 0.6s;
  text-align: center;
}
.policy__agree:hover{
  background:white;
  color: #1456B7;
}
.policy__support{
color: white;
text-decoration: underline;
}
.policy__support:hover,
.policy__support:active,
.policy__support:focus{
  color:white;
}