.ranking-period { display: flex; width: 100%; padding: 4px; margin: 0 0 18px; border: 1px solid #ffffff99; border-radius: 24px; background: #ffffff0d; }
.ranking-period button { flex: 1; padding: 4px 12px; border-radius: 20px; color: white; font-size: 14px; line-height: 22px; }
.ranking-period button[aria-selected="true"] { background: white; color: #080808; font-size: 16px; font-weight: 650; }