.component[data-design-7]{margin-bottom:-.625rem}@media(min-width:501px){.component[data-design-7] .caption{text-align:center}}.component[data-design-7] .container{display:grid;grid-template-columns:1fr}@media(min-width:1401px){.component[data-design-7] .container{grid-gap:3.75rem}}@media(max-width:1400px){.component[data-design-7] .container{grid-gap:1.875rem}}.component[data-design-7] .items{display:grid}@media(min-width:1401px){.component[data-design-7] .items{grid-gap:6.25rem}}@media(min-width:901px)and (max-width:1400px){.component[data-design-7] .items{grid-gap:3.75rem}}@media(min-width:501px)and (max-width:900px){.component[data-design-7] .items{grid-gap:1.25rem}}@media(min-width:501px){.component[data-design-7] .items{grid-template-columns:1fr 1fr}}@media(max-width:500px){.component[data-design-7] .items{grid-gap:1.875rem;grid-template-columns:1fr}}.component[data-design-7] .more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.component[data-design-7] .circle{padding:.625rem;z-index:3;overflow:hidden;position:relative}@media(min-width:901px){.component[data-design-7] .circle{width:11.25rem}}@media(max-width:900px){.component[data-design-7] .circle{width:10rem}}.component[data-design-7] .circle .link,.component[data-design-7] .circle .point{top:.625rem;right:.625rem;bottom:.625rem;left:.625rem;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.component[data-design-7] .circle .link{z-index:6;text-align:center;padding:1.25rem;-webkit-transition:color var(--app-transition-duration) var(--app-transition-easing);transition:color var(--app-transition-duration) var(--app-transition-easing)}.component[data-design-7] .circle .point{border:var(--app-border-main);border-radius:var(--app-radius-full);-webkit-animation:rotate 30s linear infinite;animation:rotate 30s linear infinite;-webkit-transition:background var(--app-transition-duration) var(--app-transition-easing),border-color var(--app-transition-duration) var(--app-transition-easing);transition:background var(--app-transition-duration) var(--app-transition-easing),border-color var(--app-transition-duration) var(--app-transition-easing);background:var(--app-color-white)}.component[data-design-7] .circle .point:before{top:0;left:50%;z-index:5;content:"";display:block;position:absolute;background:var(--app-color-blue);border-radius:var(--app-radius-full);border:1px solid var(--app-color-blue);-webkit-transition:background var(--app-transition-duration) var(--app-transition-easing);transition:background var(--app-transition-duration) var(--app-transition-easing);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translateY(-50%);width:.5625rem;height:.5625rem}.component[data-design-7] .circle:before{width:100%;content:"";display:block;padding-bottom:100%}.component[data-design-7] .circle .link:hover{color:var(--app-color-white)}.component[data-design-7] .circle .link:hover+.point{background:var(--app-color-blue);border-color:var(--app-color-blue);-webkit-animation-play-state:paused;animation-play-state:paused}.component[data-design-7] .circle .link:hover+.point:before{background:var(--app-color-white)}@media(max-width:500px){.component[data-design-7] .preview+.preview{padding-top:1.875rem;border-top:var(--app-border-main)}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}