.tag-button{background:var(--73022356);border-radius:4px;color:#fff;font-size:20px;line-height:1;padding:16px 8px;position:relative}.tag-button__flex-area{align-items:center;display:flex;font-weight:700;justify-content:center}.tag-button__flex-area__icon{margin-right:10px;width:24px}.tag-button__flex-area__text{font-weight:700}.tag-button__icon{height:20px;position:absolute;vertical-align:bottom}.tag-button__icon.--left{left:24px}.tag-button__icon.--right{right:24px}.tag-button.--block{display:block;width:100%}.tag-button.--pill{border-radius:100px}.tag-button.--size-sm{font-size:12px;padding:4px}.tag-button.--size-sm .tag-button__icon{height:12px}.tag-button.--size-md{font-size:16px;padding:12px 8px}.tag-button.--size-md .tag-button__icon{height:16px}.tag-button.--size-lg{font-size:20px;padding:18px 20px}.tag-button.--size-lg .tag-button__icon{height:20px}.tag-button.--out-line{background:#fff;border:2px solid var(--73022356);color:#333}.tag-button.--out-line .tag-button__flex-area{font-weight:400}.tag-button.--shadow{box-shadow:0 4px var(--33c99908);transition:.3s}.tag-button.--shadow:hover{box-shadow:none;transform:translateY(4px)}.tag-button.--animation-jelly{animation-delay:4s;animation-duration:4s;animation-iteration-count:1000;animation-name:jelly}.tag-button.--animation-shining{overflow:hidden;position:relative}.tag-button.--animation-shining:after{animation:shining 4s ease-in-out infinite;background-color:#fff;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:-180px;width:30px;z-index:1}.tag-button.--animation-movingArrowRight .tag-button__icon{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:movingArrowRight;animation-timing-function:cubic-bezier(.74,.04,.58,1)}@keyframes shining{0%{opacity:0;-webkit-transform:scale(0) rotate(45deg)}80%{opacity:.5;-webkit-transform:scale(0) rotate(45deg)}81%{opacity:1;-webkit-transform:scale(4) rotate(45deg)}to{opacity:0;-webkit-transform:scale(50) rotate(45deg)}}@keyframes jelly{0.5%{transform:scaleY(1.1)}3%{transform:scale(1.01,.98) translateY(1px)}4%{transform:scale(.99,1.04) translateY(-2px)}5%{transform:scaleY(.99)}5.5%{transform:scale(1)}}@keyframes movingArrowRight{0%{opacity:0;right:20px}40%{opacity:1;right:18px}80%{opacity:0;right:12px}to{opacity:0;right:0}}