Elsa Hosk Sexy Bikini At Coachella (5 Photos)

Lingerie supermodel Elsa Hosk offers a sexy bikini inspired by popular sauces — ketchup and mustard. It is in such shades that her new look from the Heavy Manners brand is made, with which Elsa “opens” the Coachella festival. The young Californian brand is gaining more and more star dressing rooms this season, among their clients are model Hailey Bieber and singer Dua Lipa.

.button-wrapper {
display:flex;
background-color: red;
padding: 10px 0;
margin-top: 30px;
margin-bottom: 10px;
justify-content: center;
}

.button {
font-size: 24px;
color: #fff;
}

.arrow-left {
margin-top: 15px;
margin-left: 20px;
}

.arrow-right {
margin-top: 15px;
margin-right: 20px;
}

.arrow-left span {
display: block;
width: 15px;
height: 15px;
border-bottom: 3px solid #fff;
border-left: 3px solid #fff;
margin: -2px;
animation: arrow-left 1s infinite;
float: left;
}

.arrow-right span {
display: block;
width: 15px;
height: 15px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
margin: -2px;
animation: arrow-right 1s infinite;
float: right;
}

.arrow-left span:nth-child(2){
animation-delay: -0.1s;
}

.arrow-left span:nth-child(3){
animation-delay: -0.2s;
}

.arrow-right span:nth-child(2){
animation-delay: -0.1s;
}

.arrow-right span:nth-child(3){
animation-delay: -0.2s;
}

@keyframes arrow-left {
0%{
opacity: 0;
transform: rotate(45deg) translate(-0px,-0px);
}
50%{
opacity: 1;
}
100%{
opacity: 0;
transform: rotate(45deg) translate(0px,0px);
}
}

@keyframes arrow-right {
0%{
opacity: 0;
transform: rotate(-45deg) translate(-0px,-0px);
}
50%{
opacity: 1;
}
100%{
opacity: 0;
transform: rotate(-45deg) translate(0px,0px);
}
}

@media screen and (max-width:280px){
.button {
font-size: 8px;
}
.arrow-left, .arrow-right {
margin-top: 6px;
}
.arrow-left span, .arrow-right span {
width: 4px;
height: 4px;
}
.arrow-left {
margin-left: 10px;

}
.arrow-right {
margin-left: 8px;
margin-right: 10px;
}
}

@media screen and (min-width:281px) and (max-width: 320px){
.button {
font-size: 9px;
}
.arrow-left, .arrow-right {
margin-top: 6px;
}
.arrow-left span, .arrow-right span {
width: 5px;
height: 5px;
}
.arrow-left {
margin-left: 10px;

}
.arrow-right {
margin-left: 8px;
margin-right: 10px;
}
}

@media screen and (min-width:321px) and (max-width: 350px) {
.button {
font-size: 10px;
}
.arrow-left, .arrow-right {
margin-top: 7px;
}
.arrow-left span, .arrow-right span {
width: 6px;
height: 6px;
}
}

@media screen and (min-width:351px) and (max-width: 370px) {
.button {
font-size: 11px;
}
.arrow-left, .arrow-right {
margin-top: 7px;
}
.arrow-left span, .arrow-right span {
width: 7px;
height: 7px;
}
}

@media screen and (min-width:371px) and (max-width: 399px) {
.button {
font-size: 12px;
}
.arrow-left, .arrow-right {
margin-top: 7px;
}
.arrow-left span, .arrow-right span {
width: 7px;
height: 7px;
}
}

@media screen and (min-width:400px) and (max-width: 420px) {
.button {
font-size: 13px;
}
.arrow-left, .arrow-right {
margin-top: 7px;
}
.arrow-left span, .arrow-right span {
width: 8px;
height: 8px;
}
}

@media screen and (min-width:421px) and (max-width:440px) {
.button {
font-size: 14px;
}