.todays-rate-hero{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-template-areas:"title forex" "text forex";align-items:flex-start;justify-content:space-between;max-width:1220px;margin:90px auto 150px auto;padding:0 40px;gap:24px}@media(max-width: 768px){.todays-rate-hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"title" "forex" "text";margin:54px auto 120px auto;gap:16px}}.todays-rate-hero h1{color:#212529;font-family:"LexendDecaBold","LineSeedBold",sans-serif;font-size:60px;line-height:106.667%;margin-bottom:0;grid-area:title;align-self:end;width:100%;max-width:657px}@media(max-width: 768px){.todays-rate-hero h1{text-align:center;font-size:44px}}.todays-rate-hero .text{align-self:start;grid-area:text;max-width:657px;width:100%}.todays-rate-hero .text p{color:var(--Neutral-Gray-600, #5d5d5d);font-family:"LexendDecaRegular","LineSeedRegular",sans-serif;font-size:20px;line-height:normal;margin-bottom:16px}@media(max-width: 768px){.todays-rate-hero .text p{font-size:18px}}.todays-rate-hero .forex{grid-area:forex;border-radius:20px;border:1px solid var(--Neutral-Gray-200, #efefef);background:var(--Neutral-Gray-100, #f4f4f4);width:100%;max-width:367px;padding:20px;position:relative;justify-self:end}@media(max-width: 768px){.todays-rate-hero .forex{justify-self:center}}.todays-rate-hero .forex>span{position:absolute;content:"";width:12px;height:12px;border-radius:50%;background:#ddd}.todays-rate-hero .forex>span:nth-child(1){top:20px;left:20px}.todays-rate-hero .forex>span:nth-child(2){top:20px;right:20px}.todays-rate-hero .forex>span:nth-child(3){bottom:20px;left:20px}.todays-rate-hero .forex>span:nth-child(4){bottom:20px;right:20px}.todays-rate-hero .forex .forex__inner{margin:20px 0}.todays-rate-hero .forex .forex__inner h3{color:var(--Neutral-Black, #000);text-align:center;font-family:"LexendDecaSemiBold","LineSeedBold",sans-serif;font-size:20px;line-height:normal}.todays-rate-hero .forex .forex__inner .forex__inner-rate{margin:24px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width: 768px){.todays-rate-hero .forex .forex__inner .forex__inner-rate{margin:16px 0}}.todays-rate-hero .forex .forex__inner .forex__inner-rate>.forex__inner-rate--box{width:100%;text-align:center;border-radius:8px;border:2px solid var(--Neutral-Gray-200, #efefef);background:var(--White, #fff);box-shadow:0 0 18px 0 rgba(156,156,156,.14);padding:16px;position:relative;z-index:0;display:flex;align-items:center;justify-content:center;font-size:16px}.todays-rate-hero .forex .forex__inner .forex__inner-rate>.forex__inner-rate--box .unit{color:var(--Neutral-Black, #000);text-align:center;font-family:"LexendDecaMedium","LineSeedRegular",sans-serif;font-size:36px;line-height:normal;margin-right:10px}.todays-rate-hero .forex .forex__inner .forex__inner-rate>.forex__inner-rate--box img{border-radius:50%;margin-left:5px}.todays-rate-hero .forex .forex__inner .forex__inner-rate .exchangeIcon{margin-top:-12px;margin-bottom:-12px;position:relative;z-index:1;cursor:pointer}.todays-rate-hero .forex .forex__inner .forex__inner-rate .exchangeIcon:hover{filter:brightness(1.2)}.todays-rate-hero .forex .forex__inner .forex__inner-rate .date-footnote{color:var(--Neutral-Gray-500, #8d8d8d);text-align:center;font-family:"LexendDecaLight","LineSeedRegular",sans-serif;font-size:12px;line-height:normal;margin:6px 0}.todays-rate-hero .forex .forex__inner .forex__inner-rate .button_wrapper{margin-top:16px}.todays-rate-hero .forex .forex__inner .forex__inner-rate .button_wrapper .smiles_brand_button{font-family:"LexendDecaMedium","LineSeedRegular",sans-serif;font-size:16px;background:#00b524;line-height:normal;padding:12px 24px}