/* Reset START */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, menu, nav, output, ruby, section,
summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section, main {display: block;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
img{max-width: 100%; height: auto;}
a{text-decoration: underline;}
a:hover{cursor: pointer;}
*::-webkit-input-placeholder {color: #a9a9a9; opacity: 1;}
*:-moz-placeholder {color: #a9a9a9; opacity: 1;}
*::-moz-placeholder {color: #a9a9a9; opacity: 1;}
*:-ms-input-placeholder {color: #a9a9a9; opacity: 1;}
*{margin: 0; padding: 0;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
button,input,a{outline: none;}
button, input, select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
html{
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased !important;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

b {
	font-weight: 700;
}

/* Reset END */

/* Fonts START */
@font-face {
    font-family: 'Open Sans';
    src: url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Light.woff2') format('woff2'),
        url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Light.woff') format('woff'),
        url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans.woff2') format('woff2'),
        url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans.woff') format('woff'),
        url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Italic.woff2') format('woff2'),
        url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Italic.woff') format('woff'),
        url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Semibold.woff2') format('woff2'),
        url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Semibold.woff') format('woff'),
        url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-SemiboldItalic.woff2') format('woff2'),
        url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-SemiboldItalic.woff') format('woff'),
        url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Bold.woff2') format('woff2'),
        url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Bold.woff') format('woff'),
        url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Extrabold.woff2') format('woff2'),
        url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Extrabold.woff') format('woff'),
        url('https://cdn.sleeksoul.com/static/sites_catalogues/v2/fonts/OpenSans/subset-OpenSans-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
/* Fonts END */

/* Styles START */

body {
	width: 390px;
	background: #F5FBFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #000;
	cursor: default;
  margin: 0 auto;
}

main {
  padding: 12px 16px;
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 28px;
  width: 100%;
}

main > div {
  width: 100%;
  height: 65px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* main > div:first-of-type {
  justify-content: start;
} */

main > div:last-of-type {
  justify-content: end;
}

main > div > img {
  width: 65px;
  height: 65px;
  object-fit: cover;
  object-position: center;
  filter: blur(2px);
  position: relative;
}

main > section {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

main > section > img {
  width: 226px;
  height: 213px;
  object-fit: cover;
  object-position: center;
}

main > section > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: center;
  position: relative;
}

main > section > div > h1 {
  font-weight: 700;
  font-size: 34px;
  line-height: 38px;
  text-align: center;
  color: #000;
}

main > section > div > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
}

main > section > div > div > a {
  width: 100%;
  height: 68px;
  border-radius: 100px;
  text-decoration: none;
  color: #FFF;
  font-weight: 500;
  font-size: 21px;
  line-height: 25px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: 0 10px 16px rgba(46, 166, 217, .4);
}

main > section > div > div > a:hover {
  cursor: pointer;
  color: #FFF;
}

main > section > div > div > a > svg {
  width: 44px;
  height: 44px;
}

main > section > div > div > a > span {
  font-weight: 500;
  font-size: 21px;
  line-height: 25px;
}

[data-discount=""], [data-discount="0"] {
  display: none;
}

main > section > div > div > a:first-of-type {
  background: linear-gradient(90deg, #2EA6D9 0%, #3065B4 100%);
}

main > section > div > div > a:last-of-type {
  background: linear-gradient(89.83deg, rgba(56, 182, 137, 0.96) 2.62%, rgba(79, 96, 190, 0.92) 106.31%);
}

/* Styles END */